Question

我是编程和从事第一个小项目的新手。基本上，我正在输入用户文本，并希望替换一些字母。问题是将输入显示在与输入相同的文本区域中，甚至可能吗？这就是我到目前为止所得到的。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Plagiat</title>
<meta name="Beskrivelse" content="Et program som kan gøre din tekst 
usynlig for plagiatkontol.">

</head>
<body>
<script type="text/javascript">
function letter_magic()
{
var text = document.getElementById("input_text").value;
var end_text = text.replace(/A/g, "b").replace(/e/g, "o");
document.write(end_text);
}
</script>

<textarea cols="40" rows="10" id="input_text" placeholder="Indsæt 
din tekst... "> </textarea>
<br/>
<button onclick="letter_magic()" id="button1">Start</button>

</body>
</html>

Answer 1

是的。很有可能。

您需要做的就是触发JavaScript中的相关事件。例如，只要更改textarea的值并将焦点移至DOM中的其他元素，就会触发以下代码。

<textarea cols="40" rows="10" id="input_text" onChange="modifyInput($event)" placeholder="Indsæt din tekst... "> </textarea>

然后，在您的JS代码中

function modifyInput(event){
    var oldValue = event.target.Value;
    var newValue = "I changed this value.";
    document.getElementById("input_text").value = newValue;
}

Answer 2

将textarea的值设置为更新的值。您的函数应如下所示。

<script type="text/javascript">
    function letter_magic()
    {
        var textbox = document.getElementById("input_text");
        var text=textbox.value;
        var end_text = text.replace(/A/g, "b").replace(/e/g, "o");
        textbox.value=end_text;
    }
</script>

是否可以从文本区域接收输入，然后在同一文本区域中显示输出？

2 个答案: