如何将innerhtml值用作用户输入

Question

I am trying to get the innerElement to a value that is entered by the user but it give me errors. Codes are as above please help

*****Codes*****

var abc= document.getElementById("searchbar").innerHTML = "Singapore Polytechnic"; --instead of Singapore Polytechnic I want it to be some values that was entered by the users.--

      document.getElementById("searchbar").contentEditable = "true";

      var test = abc;

Answer 1

Try the following:

 function changeVal(ele){ document.getElementById("searchbar").innerHTML = ele.value; } 

 <p id="searchbar">Test</p> <input value="Hit enter to change value" id="val" onchange="changeVal(this)"> 

Answer 2

I have no plan what the point of your question is but maybe you look for this...

var foo = document.getElementById('id_of_input_field').value; // get
document.getElementById('id_of_input_field').value = 'value to set'; // set

Answer 3

I think this is what you are looking for

Code

<input value="variable" id="val" onchange="changeVal(this)">

TS

onchange(this){
    let var  = event.target.getElementsByTagName('input').value;
}