<input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/>
<p id="text"></p>
<script>
var input = document.getElementById("searchTxt");
document.getElementById('text').innerHTML = input.value;</script>
I'm typing in the input and the text should appear below,but it doesn't and I dont know why, does anybody know what the problem might be?
If you want to run the script when the user types into the field, you need to put it into an event listener. Your code is just running once, when the page is first loaded. Since nothing has been entered into the text field yet, nothing is put into the innerHTML.
document.getElementById("searchTxt").addEventListener('keyup', function() {
document.getElementById('text').innerHTML = this.value;
});<input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField" />
<p id="text"></p>Attach the oninput event handler to the input element like this:
var input = document.getElementById("searchTxt");
input.oninput = function() {
document.getElementById('text').innerHTML = input.value;
}
input.onpropertychange = input.oninput; // for IE8 and below
