ein einfaches Javascript-Event mit Eingabe von Benutzer machen

window.onload= button; 
 

 
function termFunction() { 
 
    var textInput = document.getElementById("textInput"); 
 
    var term= textInput.value; 
 

 
    document.getElementById("list").innerHTML= term.value; 
 
} 
 

 
function button() { 
 
    var button = document.getElementById("button"); 
 
    button.onclick= termFunction(); 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<script src = "review2.js"></script> 
 
</head> 
 
<body> 
 
    Term: <input type = "text" id = "list"> 
 
    <input type = "button" id = "button" value= "submit"> 
 
</body> 
 
</html>

versuche ich jemanden Art in das Textfeld zu machen und druckt es auf der HTML-Seite. aber ich weiß nicht, warum es nicht funktionieren würde.

Quelle

2017-10-19 Brandon Bell

'var textInput = document.getElementById (" textInput ");' Ihre Eingabe-ID ist eigentlich 'list' –

' button.onclick = termFunction() 's sollte wahrscheinlich' button.onclick = termFunction' sein, da Sie don Ich möchte 'termFunction' nicht sofort ausführen –

@ DragoşPaulMarinescu aber wenn ich das mache, ist der Ausdruck null –

Dies ist der Fehler, wenn Sie Eigentum der ID lesen, die

"message": "Uncaught TypeError: Cannot read property 'value' of null"

Lösung

Da Sie Wert der ID textinput liest gerade nicht vorhanden ist, die nicht in vorhanden ist, Körper siehe diese Zeile

var textInput = document.getElementById("textInput");

Wenn Sie den Wert erhalten möchten von Benutzereingaben replac id mit Liste

var textInput = document.getElementById("list");

finale Code

<!DOCTYPE html> 
<html> 
<head> 
<script src = "review2.js"></script> 
</head> 
<body> 
Term: <input type = "text" id = "list"> 
<input type = "button" id = "button" value= "submit"> 
<p id="demo"></p> 
<script> 
window.onload= button; 

function termFunction() { 
var textInput = document.getElementById("list").value; 


document.getElementById("demo").innerHTML= textInput; 
} 

function button() { 
var button = document.getElementById("button"); 
button.onclick= termFunction(); 
} 
</script> 
</body> 
</html>

Quelle

2017-10-19 14:03:49

Ihre Eingabe eine id = "list" hat. daher müssen, verwenden

var textInput = document.getElementById ("list");

, da es keinen Sinn macht, den Inhalt einer Eingabe zu modifizieren

document.getElementById("list").innerHTML= term.value;

Ich glaube, Sie haben die IDs der HTML-Elemente überprüfen

Update: i fügen Sie ein Beispiel:

function termFunction() { 
 
    var textInput = document.getElementById("list").value; 
 
    if(textInput) 
 
    document.getElementById("res").innerHTML= textInput; 
 
}

Term: <input type = "text" id="list"> 
 
<input type = "button" id = "button" value= "submit" onclick="termFunction()"> 
 
    
 
<br /><br /> 
 
<div id="res"></div>

Quelle

2017-10-19 14:13:11 Mahmoud

Ich bearbeite meine Antwort, indem ich ein Beispiel für Code hinzufüge, der ausgeführt wird – Mahmoud

ein einfaches Javascript-Event mit Eingabe von Benutzer machen

Antwort

Verwandte Themen