How to Input Data

Printable View

09-22-2012, 02:50 AM
pavelhoque

1 Attachment(s)

How to Input Data

I am going to ask you a childish question about JavaScript. I asked you this question because I am beginner in JavaScript. I hope you will give me solution.

Code:

<!DOCTYPE html> <html> <body> <p>Click the button to calculate x.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { y=5; z=2; x=y+z; document.getElementById("demo").innerHTML=x; } </script> </body> </html>

When I place the above code, it will show me following result:
Attachment 15033

If I press button "try it" it will show me a result 7.

Now I want to know that how can I input different values of y and z and get value of x by using javascript code?

Please give me an example.
09-22-2012, 05:39 AM
ZABI

:)

just change the values in your code like
y=56;
z=25;
or you can use an HTML from with two text fields, for more about how to use from with javascript search google.
09-22-2012, 06:04 AM
codingforever99

try this code you can input any values you want

Code:

<!DOCTYPE html> <html> <body> <p> first value :<input type="text" name="y" size="20"><br> second value:<input type="text" name="z" size="20"> </p> <p>Click the button to calculate x.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { x=parseFloat(y.value)+parseFloat(z.value); document.getElementById("demo").innerHTML=x; } </script> </body> </html>
09-22-2012, 06:49 AM
pavelhoque

Quote:

Originally Posted by codingforever99

try this code you can input any values you want

Code:

<!DOCTYPE html> <html> <body> <p> first value :<input type="text" name="y" size="20"><br> second value:<input type="text" name="z" size="20"> </p> <p>Click the button to calculate x.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { x=parseFloat(y.value)+parseFloat(z.value); document.getElementById("demo").innerHTML=x; } </script> </body> </html>

I have tried your code but it is not working. I have input the values of Y and Z and click on the button "try it" but it did not show me any result. I think there is something more.