Javascript到html标签〜传递一个变量

Question

So my question is, how do I pass variables to javascript functions through html input boxes?

Like, let's say I have a function:

function Call(number, text, callerID, CallerIDName, PassCode)

How would I make an input box in html so that when the user submits a value into the box, it would set the variable for that corresponding box?

All help is appreciated, thanks!

Answer 1

Try something like this...

    Name: <input type="text" id="number"><br>
    Text: <input type="text" id="text"><br>
    Caller Id Name: <input type="text" id="CallerIDName"><br>
    Passcode: <input type="text" id="Passcode"><br>
    <script>
    function Call() {
        var number = document.getElementById("number").value;
        var text = document.getElementById("text").value;
        var CallerIDName = document.getElementById("CallerIDName").value;
        var Passcode = document.getElementById("Passcode").value;
        //do something here...
    }
    </script>
    <button onclick="Call();">Click to Call</button>