Hello Everybody,
I am new to this forum and pretty new to HTML.
I am putting together an app for a golf club and trying to build a score card in HTML that can be built into a page.
I've managed to put together 4 check columns of boxes which I will multiply out by 18, but I cant work out how to accumulate the 4 four columns at the bottom.
Any advice would be greatly appreciated, Thank you.
Please see the code below:
<!DOCTYPE html>
<html>
<body>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<form action="">
<select name="golf_score_keeper">
<option value="oops">Oops!</option>
<option value="9">9</option>
<option value="8">8</option>
<option value="7">7</option>
<option value="6">6</option>
<option value="5">5</option>
<option value="4" selected>4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
</form>
</body>
</html>