innerHTML- Ändern basierend auf Eingabewert

-1

Dies ist der HTML-Code:innerHTML- Ändern basierend auf Eingabewert

<body> 
    <form> 
    <input id="input" type="text" name="input" value="Enter Here"> 
    <input type="submit" value="Submit"> 
    </form> 
    <div id="display"> 
    </div> 
</body>

Dies ist die JavaScript:

input = document.getElementById("input"); 
if (input.value == "Hello") { 
    display.innerHTML = "Hello"; 
} else { 
    display.innerHTML = "Type"; 
}

Wenn ich den Eingangswert durch einen Klick auf das Eingabefeld und die Eingabe von "ändern Hallo ", es zeigt nicht" Hallo "in display.innerHTML. Ich möchte es "Hello" anzeigen, wenn "Hello" in das Eingabefeld eingegeben wird. Das ist eine Menge von "Hallo" 's! Jede Hilfe wäre großartig! Danke im Voraus.

Quelle

2016-12-14 Gary Wolf

'display = document.getElementById (" Anzeige ");'? – Mahi

Wann verwenden Sie dieses JavaScript? Beim Laden der Seite? Dann wird es ausgeführt, bevor der Benutzer die Möglichkeit hat, etwas einzugeben, aber nie wieder. –

Ihr JavaScript-Code wird nur einmal ausgeführt, bevor Sie irgendetwas in das Eingabefeld eingegeben haben.

Sie müssen entweder einen 10 Handler für das Eingabefeld oder einen submit Handler für das Formular einrichten und display.innerHTML einstellen.

Haben Sie auch eine display = document.getElementById("display"); verpassen?

Quelle

2016-12-14 16:25:58 Ray

var input = document.getElementById("input"), 
 
    display=document.getElementById("display"); 
 
input.oninput=function(){ 
 
    if (input.value === "Hello") { 
 
    display.innerHTML = "Hello"; 
 
} else { 
 
    display.innerHTML = "Type"; 
 
} 
 
};

<input id="input" type="text" name="input" value="Enter Here"> 
 
    <div id="display"> 
 
    </div>

Quelle

2016-12-14 16:28:48

Wenn Sie Ihre Taste verwenden, um den Wert Ihrer Textbox einreichen (Ihr Eingabetyp Text-Feld) Verwendung Onclick-Ereignis wie folgt:

function displayData() { 
 
    var div_display = document.getElementById('display'); 
 
    /* This is your input, but you shoud use another Id for your fields. */ 
 
    var textValue = document.getElementById('input').value; 
 
    
 

 
    /* Change the inner HTML of your div. */ 
 
    div_display.innerHTML = textValue; 
 
}

<input id="input" type="text" name="input" value="Enter Here" /> 
 
<input type="submit" value="Submit" onclick="displayData();" /> 
 

 
<div id="display"> 
 
</div>

Ich hoffe, es hilft.

Quelle

2016-12-14 17:03:03

innerHTML- Ändern basierend auf Eingabewert

Antwort

Verwandte Themen