Create/update variable from text input box

Question

After trying multiple ways of what I want to do, which all failed, I'm asking here. This is probably pretty basic, but I just can't do it.

What I essentially want to do:

Create a variable
"Assign" a text box (value) to it
Automatically have the variable's content change to whatever is put into the text box
Potentially have the variable's value used somewhere else immediately

If the user had to press a button to update the element using the variable's value, that'd be OK, too, I just want to have this done.

So, on input change - you want to assign this value to a variable. :) — tymeJV
– tymeJV, Commented Dec 27, 2017 at 20:38
Are you using jQuery? Post your current code, so we can help — Shahlin Ibrahim
– Shahlin Ibrahim, Commented Dec 27, 2017 at 20:39
1. I don't have any more of the code. Since none of my tries worked, I didn't keep any of the files. 2. I'm not using jQuery. @tymeJV - I have no idea what that means. I'm not that much of a geek about JS. I understand more of HTML. — none
– none, Commented Dec 27, 2017 at 20:43

none · Accepted Answer · 2017-12-27 21:18:06Z

1

Alright, I have to correct myself. Another try worked, with the result of 'undefined'.

<head>
    <meta id="test3" charset="utf-8">
    <link rel="stylesheet" href=".\css\Starter.css">
    <title id="test1">TITEL</title>
    <script>
        function txtSet(txtInp) {
            var txt = txtInp.value
            document.getElementById('txtP').innerHTML = txt
            }
    </script>
</head>

<body>
    <input type="text" id="txtInp" onkeyup="txtSet(txtInp.value)"></input>
    <p id="txtP"></p>
</body>

answered Dec 27, 2017 at 21:18

none

631 silver badge9 bronze badges

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

Comments

Fernando Bravo Diaz · Accepted Answer · 2017-12-27 21:00:25Z

0

Try this one:

    <body>

    <script>
    var a = "";
    function changeVariable(){
         document.getElementById('demo2').value=document.getElementById('demo').value;
    }
    </script>

    <input type="text" id="demo" onkeyup="changeVariable()"></input>
    <input type="text" id="demo2"></input>

    </body>

answered Dec 27, 2017 at 21:00

Fernando Bravo Diaz

5791 gold badge4 silver badges11 bronze badges

Comments

Lahcen YAMOUN · Accepted Answer · 2018-01-01 18:28:28Z

0

I think that you're searching for onkeyup if it's so: you can use as it follows:

In your html

<input type="text" name="name" id="id" onkeyup="yourFunction(this.value);">

and in your js file

var theVariable;
function yourFunction(theTextInTheTextBox){
theVariable = theTextInTheTextBox;
}

It could also be onkeypress or onkeydown events, just try the three to see which is the one that you're actually searching for. To see the difference between the three I advise you to take a look at this link

edited Jan 1, 2018 at 18:28

answered Dec 27, 2017 at 20:49

Lahcen YAMOUN

6913 silver badges16 bronze badges

Collectives™ on Stack Overflow

Create/update variable from text input box

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related