I can't seem to get my code to display my calculation, am I missing an output tag?
Question
I am trying to create an MPG (Miles Per Gallon) calculator in Javascript. I can't seem to display my results after I hit the "Calculate" button.
<html>
<head> <title> Miles per Gallons Calculator</title> </head>
<body bgcolor= "#FFFFFF">
<p><script language="JavaScript"> <!-function calcMPG() { var Miles =
document.form1.txtMiles.value var Gallons =
document.form1.txtGallons.value;
var MPG MPG = Miles/Gallons; document.form1.txtMPG.value = MPG}
// --> </script>
<strong>Miles per Gallons Calculator</strong></p> <p>by </p>
<form name="form1"> <p>Miles <input type="text" size="21" name="txtMiles"></p>
<p>Gallons <input type="text" size="20" name="txtGallons"></p>
<p><input type="button" name="btnCalc" value="Calculate MPG" onclick="calcMPG()"></p>
<p><input type="reset" name="btnClear" value="Clear"></p> <p>Miles Per Gallon
<input type="text" size="20" name="txtMPG"></p>
</form>
</body>
</html>
2 answers
solution1
0 2019-11-05 04:54:42
Hi Please Use this code I hope it's helpful
Thanks
<html>
<head> <title> Miles per Gallons Calculator</title> </head>
<body bgcolor= "#FFFFFF">
<p><strong>Miles per Gallons Calculator</strong></p> <p>by </p>
<form name="form1"> <p>Miles <input type="text" size="21" name="txtMiles"></p>
<p>Gallons <input type="text" size="20" name="txtGallons"></p>
<p><input type="button" name="btnCalc" value="Calculate MPG" onclick="calcMPG()"></p>
<p><input type="reset" name="btnClear" value="Clear"></p> <p>Miles Per Gallon
<input type="text" size="20" name="txtMPG"></p>
</form>
</body>
</html>
<script language="JavaScript">
function calcMPG() {
var Miles = document.form1.txtMiles.value
var Gallons = document.form1.txtGallons.value;
var MPG = parseInt(Miles)/parseInt(Gallons);
document.form1.txtMPG.value = MPG
}
</script>
solution2
0 2019-11-05 05:01:48
Try add your script tag bottom of the body tag.
solution3
0 2019-11-05 05:24:14
you have some syntax error and i prefer to seperate javascript in a new file or put the script after the body tag
<html> <head> <title> Miles per Gallons Calculator</title> </head> <body bgcolor= "#FFFFFF"> <p><script language="JavaScript"> function calcMPG() { var Miles = document.form1.txtMiles.value; var Gallons = document.form1.txtGallons.value; var MPG = Miles/Gallons; document.form1.txtMPG.value = MPG} </script> <strong>Miles per Gallons Calculator</strong></p> <p>by </p> <form name="form1"> <p>Miles <input type="text" size="21" name="txtMiles"></p> <p>Gallons <input type="text" size="20" name="txtGallons"></p> <p><input type="button" name="btnCalc" value="Calculate MPG" onclick="calcMPG()"></p> <p><input type="reset" name="btnClear" value="Clear"></p> <p>Miles Per Gallon <input type="text" size="20" name="txtMPG"></p> </form> </body> </html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
I can't seem to get my code to work
I can't seem to get my dropdown code to function properly
I can't seem to see what's missing in my JavaScript and HTML code
Can't seem to update my GET request data, what am I doing wrong
I can't seem to get my first row of sub total to display on the grand total
I can not seem to get a while loop to work with my code
I can't seem to get jquery new message scroll to work in my code
I am trying to change the properties of a table cell with javascript and have found my suggestions but I can't seem to get them to work
setInterval(); not working. I am trying to get my countdown to go down but it gets stuck and I can't seem to find whats wrong with it
I can't seem to get my arguments to pass into a callback
Related Tags