Ersetzen Sie den Text mit dem Eingabefeld mit Javascript?

-4

Wie erstelle ich 2 Eingabefelder, um Text durch Javascript zu ersetzen?Ersetzen Sie den Text mit dem Eingabefeld mit Javascript?

Statt Bearbeiten von Code jedes Mal anders ersetzen Text , was ich will, ist eine kleine UI mit Eingabefeld A und Eingabefeld B und eine Schaltfläche

Das erste Eingabefeld Text enthält (Feld A) zu ersetzen und zweitens mit was zu ersetzen (Box B) und onClick der Text wird ersetzt.

Zum Beispiel ersetzt Apple von diesem Text "Dies ist ein roter Apfel."

.replace (/apple/, "grape") 

.replace (/contents of box a/, "contents of box b") ///what I want to do

Quelle

2017-08-07 Marksyw

Was haben Sie bisher getan? –

Können Sie Ihren HTML- und Script-Code teilen, was Sie bisher versucht haben? –

Also fügen Sie zwei Textfelder hinzu und referenzieren die Werte .... – epascarello

Ich bin mir nicht sicher, ob ich (vielleicht versuchen, mehr Details zu der Frage hinzufügen) zu verstehen, aber dies könnte Sie so einen Anhaltspunkt oder zwei

var input_a = document.querySelector('#input_a'); 
var input_b = document.querySelector('#input_b'); 

input_a.addEventListener('change', do_replace); 
input_a.addEventListener('keyup', do_replace); 

function do_replace() { 
    var value_a = input_a.value; 
    var replaced_a = value_a.replace('wat you dont want', 'what you want'); 
    var input_b = replaced_a; 
}

Quelle

2017-08-07 17:56:02

Versuchen geben:

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<p id="demo">This is apple. This is contents of box a.</p> 
 

 
<button onclick="myFunction()">Try it</button> 
 

 
<script> 
 
function myFunction() { 
 
var str = document.getElementById("demo").innerHTML; 
 
str = str.replace("apple", "grape"); 
 
str = str.replace("contents of box a", "contents of box b"); 
 
document.getElementById("demo").innerHTML = str; 
 
} 
 
</script> 
 

 
</body> 
 
</html>

Quelle

2017-08-07 17:56:50

Es ist nicht was ich will aber UI um Text zu ersetzen – Marksyw

Ersetzen Sie den Text mit dem Eingabefeld mit Javascript?

Antwort

Verwandte Themen