用javascript輸入框替換文本？

-4

如何創建2個輸入框來替換JavaScript文本？用javascript輸入框替換文本？

改爲每更換一次編輯代碼不同的文本我要的是一個小的UI與輸入框和輸入框B和一個按鈕

第一個輸入框將包含文本，以取代（箱A）第二個與替換內容（框B）和onClick文本將被替換。

例如將蘋果從此文本中替換爲「這是一個紅蘋果」。

.replace (/apple/, "grape") 

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

來源

2017-08-07 Marksyw

你有什麼迄今所做？ –

你可以分享你的HTML和腳本代碼到目前爲止你嘗試過嗎？ –

因此，您添加兩個文本框並引用值.... – epascarello

我不知道如果我的理解（也許嘗試添加更多詳細信息的問題），但是這可能給你一個線索或兩個

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; 
}

來源

2017-08-07 17:56:02

嘗試這樣的：

<!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>

來源

2017-08-07 17:56:50

它不是我想要的，但用戶界面將文本替換 – Marksyw

用javascript輸入框替換文本？

回答

相關問題