javascript - 如何让用户在屏幕上输入以反射(reflect)点击事件(js，html)

Question

我正在尝试编写 html 和 js 代码，使用户输入根据用户单击的按钮进行更改。例如，用户分别输入查找/替换值，当他们点击替换按钮时，他们最初输入的用户输入将会改变。下面是我的代码，它根本不起作用..

var str = document.getElementById('text').value;
var f = document.getElementById('find').value;
var r = document.getElementById('replace').value;

let rep = str.replace(f, r);
document.getElementById('text').innerHTML = rep;

//

<button onclick="funcname()">Replace</button><br>

Answer 1

您可能想使用replaceAll see docs

function replace() {
              
  var f = document.getElementById('find').value;
  var r = document.getElementById('replace').value
  var text = document.getElementById('text');
              
  text.textContent = text.textContent.replaceAll(f, r);
  return null;                                                                                                         
}    

<div id="text">foo</div>
find <input id="find">
<div></>      
replace <input id="replace">
              
              
<button onclick="replace()">Replace</button><br>