Jump to content

Calculating multiple numbers


kendall20

Recommended Posts

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>
Link to comment
Share on other sites

I'm confused, is this all one page? Why are there multiple opening and closing <html> tags?

 

If you are unsure where to start, I would recommend reviewing the JS tutorials, and the HTML tutorials, as it relates to form elements. Give it a shot and then come back with questions related to where you got stuck.

Link to comment
Share on other sites

Hi,

 

Thanks for your response, being new to this I have to confess I have got a bit carried away with cut and paste!

 

The code does need cleaning up.

 

I was just excited that it worked. I have started working on the tutorials and hopefully will find the solution to my problem.

 

Ken.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...