Wenn ich this exactly in meinen Code kopieren, heißt es Test undefined. Ich habe den Code von mindestens fünf Seiten wie folgt ausprobiert und alle geben einen Fehler aus. Ich muss eine Nummer vom Benutzer bekommen und sie einer Variablen in meiner script.js zuweisen und dann diese Variable benutzen können.Benutzereingaben erhalten und als Variable in js verwenden
<input type="text" id="txt" />
<button id="sub">submit</button>
<script>
const btn =document.getElementById("sub");
let val;
btn.addEventListener("click",get_val);
function get_val(){
val =
document.getElementById("txt").value;}
//Use it as you want
console.log(val);
</script>
Dieser den Fehler gibt "Nicht abgefangene Syntaxerror: Fehlende initializer in const Deklaration" –
sorry, die val Variable muss, wenn Kennzeichnung als 'const' initialisiert werden, Andernfalls können Sie mit let eine Variable definieren, die neu initialisiert werden soll. Ich habe den Code repariert. –
Danke, ich werde es noch einmal versuchen. –
Ich denke, ich weiß, was Ihr Problem ist. Ich habe es in diesem fiddle neu simuliert.
Wahrscheinlich ist Ihr Problem, dass Sie das Stück Code in den Kopf legen. Dies bewirkt, dass die Funktion test() zu keinem HTML definiert ist. Stattdessen sollten Sie die Funktion in das Skript-Tag innerhalb des Körpers einfügen. So vergleichen zu können, wird dies nicht funktionieren und dem Fehler Test gibt undefiniert:
<html>
<head>
<script>
function test() {
var value = document.getElementById('userInput').value;
alert(value);
}
</script>
</head>
<body>
<input type="text" id="userInput" placeholder="Give me a value">
<button onclick="test();">Submit</button>
</body>
</html>
Erwägung, dass dies:
<html>
<head>
</head>
<body>
<input type="text" id="userInput" placeholder="Give me a value">
<button onclick="test();">Submit</button>
<script>
function test() {
var value = document.getElementById('userInput').value;
alert(value);
}
</script>
</body>
</html>
diese Datei in einer HTML-Trennung und eine Skriptdatei es aussehen würde, diese (getestet und in Betrieb):
test.html:
<html>
<body>
<script src="test.js"></script>
<input type="text" id="userInput" placeholder="Give me a value">
<button onclick="test();">Submit</button>
</body>
</html>
test.js:
function test() {
var value = document.getElementById('userInput').value;
alert(value);
}
Kann ich es in meiner script.js Datei haben? Ich füge nie css oder js zum html hinzu. In meiner js-Datei ist, wo ich es habe. –
Es ist in Ordnung, aber dann stellen Sie sicher, dass die Skriptdatei in den Körper, nicht den Kopf. –
Ich habe natürlich. Der Rest des Skripts wird ausgeführt. –
Bitte fügen Sie Code – xsami