The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Sum 2 numbers, I am trying to sum 2 number fields within my HTML code.
tangmere.milli
post Oct 4 2016, 08:09 AM
Post #1





Group: Members
Posts: 5
Joined: 4-October 16
Member No.: 24,869
Hi all,

I am very new to HTML website design, so apologies for the number of mistakes in this code.

I am trying to sum 2 numbers within the code. 1 is a fixed number (price) and the other is input by the user.

The code for this is below...

CODE
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>NewChocolateBox</title>
<style>
body {
    background-color: #000000;
    text-align:center;
    
}
#Q
{
width:146px;
}



</style>
</head>
<body text="white">

<p style="font-family:agency fb; font-size: 41px; position:absolute; top:205px;left:539px;"> Individual Chocolates</p>
<p style="font-family:agency fb; font-size: 21px; position:absolute; top:432px;left:539px;"> Caramel Pot
<br> Caramel mousse with
<br> milk chocolate top </p>
<p style="font-family:agency fb; font-size: 21px; position:absolute; top:504px;left:545px;"> Price Per Unit £</p>
<p style="font-family:agency fb; font-size: 21px; position:absolute; top:504px;left:651px; type="number" name="price1" id="price1" >1.99</p>


<a href="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\ChocBoxHome.htm"><center><img src="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\Images\ChocolateBoxLogo.jpg"
alt="CBLogo" style="width:850px;height:180px;"></center></a>

<a href="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\Products.htm"><img style=
"position:absolute; top:185px;left:537px;width:210px;height:50px" src="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\Images\ProductsTab.jpg" alt="CBProducts"></a>

<a href="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\Shop.htm"><img style=
"position:absolute; top:185px;left:749px;width:210px;height:50px" src="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\Images\ShopTab.jpg"
alt="CBShop"></a>

<a href="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\AboutUs.htm"><img style=
"position:absolute; top:185px;left:960px;width:210px;height:50px" src="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\Images\AboutUs.jpg"
alt="CBAboutUs"></a>

<a href="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\ContactUs.htm"><img style=
"position:absolute; top:185px;left:1171px;width:210px;height:50px" src="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\Images\ContactUs.jpg"
alt="CBContactUs"></a>

<img style = "position:absolute; top:330px;left:539px;width:146px;height:115px" src="C:\Users\stuart\Dropbox\UNI Course\Module 08 - Website Design\Notepad Website\Images\ChocShop1.jpg"
alt="Caramel Pot">

<form>
<p style="font-family:agency fb; font-size: 21px; position:absolute; top:500px;left:539px;">
<br>
Qty:<br>
<input type="number" name="Qty1" id="Q"><br>
<button onclick="buttonclick()"> Buy Now </button></p>

<script>
function buttonclick() {
alert ("Payment Successful!");
}
</script>


</form>

</body>
<footer>
<p style="font-family:agency fb; font-size: 18px; position:absolute; top:900px;left:539px;">Copyright © 2016 The Chocolate Box </p>
<p style="font-family:agency fb; font-size: 18px; position:absolute; top:900px;left:1216px;">Designed by Stuart Millington </p>
</footer>
</html>


I was to be able to sum the ID's "Q" and '"price1" and display it directly below the "Buy Now" button.

Any help would be greatly appreciated.

Regards,

TM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
tangmere.milli   Sum 2 numbers   Oct 4 2016, 08:09 AM
Christian J   That can't be done with HTML alone. You need t...   Oct 4 2016, 08:17 AM
tangmere.milli   That can't be done with HTML alone. You need ...   Oct 4 2016, 08:38 AM
Christian J   The ordering itself is irrelevant. This is just a...   Oct 5 2016, 10:23 AM

« Next Oldest · Client-side Scripting · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 10th May 2024 - 08:09 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC