hallo, ik heb de volgende vraag:
ik heb een tabel van 2 rijen met bepaalde waardes. De gebruiker moet een veelvoud van 3 invoeren bij de duikdiepte-textbox, dus 0, of 3, 6, 9 ... 15 of 18 etc tot 54.
Wanneer de gebruiker geen veelvoud van 3 invoert moet er een alert komen.
Dis een voorbeeld:
Gebruiker voert 18 in, dan moet javascript kijken of de 18 in de tabel voorkomt, zo ja dan is het goed. Wanneer dat niet zo is show alert error.
Dit is wat ik al heb
HTML
JS
ik heb een tabel van 2 rijen met bepaalde waardes. De gebruiker moet een veelvoud van 3 invoeren bij de duikdiepte-textbox, dus 0, of 3, 6, 9 ... 15 of 18 etc tot 54.
Wanneer de gebruiker geen veelvoud van 3 invoert moet er een alert komen.
Dis een voorbeeld:
Gebruiker voert 18 in, dan moet javascript kijken of de 18 in de tabel voorkomt, zo ja dan is het goed. Wanneer dat niet zo is show alert error.
Dit is wat ik al heb
HTML
HTML:
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Javascript</title>
<link rel="stylesheet" href="Styles.css" type="text/css"/>
<script type="text/javascript" src="Functies.js"></script>
</head>
<body>
<form name="Form" id="Form">
<fieldset>
<legend>Invoer</legend> <!-- Groupbox voor invoer -->
<table>
<tr>
<td><label for="Diepte">Duikdiepte</label></td>
<td><input type="text" id="Diepte"></td>
</tr>
<tr>
<td><label for="Tijd">Duiktijd</label></td>
<td><input type="text" id="Tijd"></td>
</tr>
<tr>
<td><button type="button" id="Check" onclick="Is3Voud()">Check</button></td>
</tr>
</table>
</fieldset>
</Form>
<fieldset>
<legend>Tabel</legend> <!-- Groupbox voor tabel -->
<table border="4">
<tr>
<td>Diepte</td>
<td>0-9</td>
<td>9</td>
<td>12</td>
<td>15</td>
<td>18</td>
<td>21</td>
<td>24</td>
<td>27</td>
<td>30</td>
<td>33</td>
<td>36</td>
<td>39</td>
<td>42</td>
<td>45</td>
<td>48</td>
<td>51</td>
<td>54</td>
</tr>
<tr>
<td>Tijd</td>
<td>No limit</td>
<td>300</td>
<td>150</td>
<td>75</td>
<td>50</td>
<td>35</td>
<td>25</td>
<td>20</td>
<td>15</td>
<td>12</td>
<td>10</td>
<td>8</td>
<td>7</td>
<td>7</td>
<td>6</td>
<td>6</td>
<td>5</td>
</tr>
</table>
</fieldset>
</body>
</html>
JS
Code:
function Is3Voud()
{
var input = document.Form.Diepte.value;
if (input == 0 || input == 3 || input == 6) // Dit moet op een betere manier kunnen toch?
{
alert("Correct ingevuld");
}
else
{
alert("Incorrecte waardes ingevuld!");
}
};