javascript onclick without call function directly get value

Question

<!DOCTYPE html>
<html>
    <body>
        <p>Click the button".</p>
        <input type="text" name="demo" id="demo" value="">
        <button value="button" onclick="alert(document.getElementById("demo").value);">Click me</button>
    </body>
</html>

This code is not working but document.getElementById("demo").value replace "this.value" getting result "button".

may be any syntax error or this way of onclick is not working?

`onclick="alert(document.getElementById('demo').value);"` - use of 2 sets of `"` is causing the issue — Arun P Johny, Mar 22 '16 at 08:03

score 0 · Accepted Answer · answered Mar 22 '16 at 08:04

Use single quotes instead and that will works.

<!DOCTYPE html>
<html>
<body>
<p>Click the button".</p>
<input type="text" name="demo" id="demo" value="">
<button value="button" onclick="alert(document.getElementById('demo').value);">Click me</button>
</body>
</html>

javascript onclick without call function directly get value

1 Answers1