How to run a JavaScript function on an input field when a button is pressed

Question

I'm trying to remember how to associate HTML and JS through different actions, so I just wrote a simple reverse script (any number would be turned into a string and reversed)

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>Number Reverser</h1>
<script>
    function Reverser(n){

        n = n + "";
        return n.split("").reverse().join("");
    }

function ExecuteRev(){
    console.log(Reverser());
}
</script>
<input id="bubu">
<button onclick="ExecuteRev()">REVERSE 'EM</button>

</body>
</html>

The ridiculous part is that the console returned

denifednu

My genius JS level managed to reverse the error itself.

How I can connect the input to the function to be executed on the button press and displayed in a div (any div, not console)?

Try `console.log(Reverser(document.getElementById('bubu').value))`. You are not telling the function, *what* You wish to reverse, so it puts `undefined` as the `n` parameter. — Roman Hocke, May 09 '16 at 08:59

score -1 · Answer 1 · answered May 09 '16 at 09:03

-1

I'm not entirely sure what you mean but I think you might be talking about using the DOM. For instance, to update a div with id="x", do the following.

document.getElementById("x").innerHTML = "New content";

answered May 09 '16 at 09:03

Jack Andrew McKay

127
2
10

How to run a JavaScript function on an input field when a button is pressed

1 Answers1