How can i get user input and output the value?

Question

Hi i want to get what the user wrote, multiply it by some number and display the result in heading.

    <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <input type="text" id="number" name="num" value="">
    <div id = "output">
      <h2 id="OP"></h2>
    </div>
  </body>
</html>

var valResult = parseInt(document.getElementById("number").value);
var num = 5;
var results = valResult + num;
if (valResult == 10){
document.getElementById("OP").innerHTML = results;
}

Mamun · Accepted Answer · 2018-06-21 14:30:10Z

2

You have some unnecessary code. Do you really need:

if (valResult == 10){....

Try the following:

function calculate(input){
  var valResult = parseInt(input.value);
  var num = 5;
  var results = valResult * num;
  document.getElementById("OP").innerHTML = results;  
}

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <input type="text" id="number" name="num" oninput="calculate(this)">
    <div id = "output">
      <h2 id="OP"></h2>
    </div>
  </body>
</html>

answered Jun 21, 2018 at 14:30

Mamun

69k9 gold badges51 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can i get user input and output the value?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related