How to print an id get with document.getElementById?

Question

HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <script type="text/javascript" src="fuctions.js"></script>
    <title>Count JS</title>
</head>
<body>
    <fieldset>
        <input type="number" value="1" id="num" min="1" max="5"/>
        <button  onclick="getValue()">
            Submit
        </button>
    </fieldset>
</body>
</html>

JS:

function getValue() {
var x = parseInt(document.getElementById("num"));
alert(x);

}

I just want to print this value that I get using document.getElementById , but when I print appears it:

在此处输入图片说明

Can someone help?

Answer 1

Add .value after document.getElementById

function getValue() {
    var x = parseInt(document.getElementById("num").value);
    alert(x);
}

Answer 2

.value returns value from input, in your case, you try convert DOMNode to Integer that will return NaN

var x = parseInt(document.getElementById("num").value);

Example

How to print an id get with document.getElementById?

Question

2 answers

solution1
1 2015-01-27 19:19:16

solution2
1 ACCPTED 2015-01-27 19:19:24

How to print an id get with document.getElementById?

Question

2 answers

solution1 1 2015-01-27 19:19:16

solution2 1 ACCPTED 2015-01-27 19:19:24

solution1
1 2015-01-27 19:19:16

solution2
1 ACCPTED 2015-01-27 19:19:24