Creating a simple function script

Forum Moderators: open

Message Too Old, No Replies

Creating a simple function script

I don't know how

joe1182

8:47 pm on Jan 23, 2007 (gmt 0)

I know this might be a stupid question, but I really need help on this one because I don't know Javascript at all and I was hoping someone here might be able to help me out.

I have a form where someone will enter a number, say "25" lets call this field "L". They will then press the calculate key and 4 different answers will appear.

#1 - will be the answer of 25*2.05
#2 - will be the answer of 25*1.99
#3 - will be the answer of 25*1.62
#4 - will be the answer of 25*.95

If someone could help me out and explain how I should write this I would appreciate it.

Fotiman

12:13 am on Jan 24, 2007 (gmt 0)

Maybe something like this will help you get started:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
 "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
 <meta http-equiv="Content-Type" content="text/html; charset:utf-8"> 
 <title></title> 
 <script type="text/javascript"> 
function calculate() { 
 var L = document.getElementById('L'); 
 // You should add a check here to make sure the value is numeric 
 var str = ""; 
 str += "#1 " + L.value + " * 2.05 = " + (L.value * 2.05); 
 str += "\n#2 " + L.value + " * 1.99 = " + (L.value * 1.99); 
 str += "\n#3 " + L.value + " * 1.62 = " + (L.value * 1.62); 
 str += "\n#4 " + L.value + " * 0.95 = " + (L.value * 0.95); 
 alert(str); 
} 
function init() { 
 // Attach behaviors 
 var calc = document.getElementById('calc'); 
 calc.onclick = calculate; 
} 
window.onload = init; 
 </script> 
</head> 
<body> 
<form action=""> 
 <div> 
 <input type="text" id="L"> 
 <input type="button" id="calc" value="Calculate"> 
 </div> 
</form> 
</body> 
</html>

joe1182

1:39 pm on Jan 24, 2007 (gmt 0)

Thank you so much!

joe1182

3:29 pm on Jan 24, 2007 (gmt 0)

Is there a way to get the answer to print write below the input box? Maybe inside a DIV? I tried document.write and that just shows instead of the form. I don't want the answer to appear in a pop up window. Any help would be appreciated? Thanks

Trace

3:59 pm on Jan 24, 2007 (gmt 0)

You'll want to use innerHTML;

<input type="button" onclick="document.getElementById('myLayer').innerHTML='something'" />
<br />
<div id="myLayer"></div>

joe1182

4:22 pm on Jan 24, 2007 (gmt 0)

Not sure how I would adapt that to the script up above?

mehh

5:52 pm on Jan 24, 2007 (gmt 0)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset:utf-8">
<title></title>
<script type="text/javascript">
function calculate() {
var L = document.getElementById('L');
// You should add a check here to make sure the value is numeric
var str = "";
str += "#1 " + L.value + " * 2.05 = " + (L.value * 2.05);
str += "<br>#2 " + L.value + " * 1.99 = " + (L.value * 1.99);
str += "<br>#3 " + L.value + " * 1.62 = " + (L.value * 1.62);
str += "<br>#4 " + L.value + " * 0.95 = " + (L.value * 0.95);
document.getElementById('answerDiv').innerHTML=str;
}
function init() {
// Attach behaviors
var calc = document.getElementById('calc');
calc.onclick = calculate;
}
window.onload = init;
</script>
</head>
<body>
<form action="">
<div>
<input type="text" id="L">
<input type="button" id="calc" value="Calculate">
</div>
<div id="answerDiv">
 <br>
 <br>
 <br>
 
</div>
</form>
</body>
</html>

joe1182

6:48 pm on Jan 24, 2007 (gmt 0)

Thank you all so much.