使用表格替换句子中的单词

时间:2018-11-11 14:47:12

标签: javascript

(上一个问题的编辑版本)所以我需要在句子中替换一个单词,现在我已经弄清楚了该怎么做。但它不能以某种形式工作。

我给用户2个表格1,以便在句子“ Dit document is een lang document maar ook een simpel document”中输入他们要替换的单词。再输入1个他们想要替换为该单词的单词。

它给我的唯一错误是第9行中的“ woord”和“ 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>

我希望有人能帮助我!而且我希望这也不是另一个骗子(这次尝试更加具体)谢谢!

1 个答案:

答案 0 :(得分:2)

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>