Home/ Questions/Q 6025691
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T04:20:14+00:00

hello im new and learning javascript. I’m trying to make a program of addition

  • 0

hello im new and learning javascript.

I’m trying to make a program of addition through text field.

Check the html code on js fiddle http://jsfiddle.net/fCXMt/

What I need to know is how can I accept user input in text field and diplay output in P tag.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>untitled</title>
</head>
<body>
<input id="value1" type="text" />
<span> + </span>
<input id="value2" type="text" />
<input type="submit" onclick="output();">
<p id="result"> </p>

<script type="text/javascript" language="javascript" charset="utf-8">
var value1 = document.getElementById('value1').innerHTML;
var value2 = document.getElementById('value2').innerHTML;

function output(){
    document.getElementById('result').innerHTML = value1 + value2;
}

</script>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The property for getting the value of a textbox is value, not innerHTML, so change those, and you will also need to use eval or parseInt on the textbox values, otherwise it will concatenate them as strings.

    Also, you need to move your variable declarations inside the function, so that when the function is called, the current values from the textboxes are retreived.

    See update fiddle here.

    • 0