javascript - 使用形式替换句子中的单词

Question

(我上一个问题的编辑版本)所以我需要替换句子中的一个单词，我现在已经知道该怎么做了。但它不能以表单的形式运行。

我给用户两种形式，一种是输入他们想要在句子“Dit document is een lang document maar ook een simpel document”中替换的单词。另一个 1 输入他们想要替换该单词的单词。

它给我的唯一错误是第 9 行中的“word”和“nieuwewoord”未定义。这是对表单的引用。

<form vervangen='form'>
        <input type="text" name="woord" placeholder="Wat moet er weg?">
        <input type="text" name="nieuwewoord" placeholder="Wat moet er staan?">
        <input type="button" value="Vervang"
            onclick="document.write(tekstvr)">
        <script>
        var tekst =
        "Dit document is een lang document maar ook een simpel document";
        var tekstvr = tekst.replace(woord,nieuwewoord);
        </script>

希望有人能帮助我!我希望这不是另一个骗局(这次尝试更具体)无论如何谢谢!

Answer 1

const tekstDiv = document.getElementById('tekst')
const tekst ="Dit document is een lang document maar ook een simpel document";
tekstDiv.innerHTML = tekst;
const btn = document.getElementById('btn');

btn.addEventListener('click',(event)=>{
    const woord = document.getElementById('woord').value;
    const nieuwewoord = document.getElementById('nieuwewoord').value;
    tekstDiv.innerHTML = tekst.replace(woord,nieuwewoord);
});

<input id="woord" type="text" name="woord" placeholder="Wat moet er weg?">
<input id="nieuwewoord" type="text" name="nieuwewoord" placeholder="Wat moet er staan?">
<input id="btn" type="button" value="Vervang">
<div id="tekst"></div>