javascript - 用 JavaScript 替换用户在文本框中写的词

标签 javascript html css

所以我现在正在为学校输入我的第一个有用代码,(我有大约 1-2 年的基本编码知识)我知道 HTML 和 CSS,但现在我正在学习 JavaScript。我想知道如何通过按下按钮,将用户在 HTML 文本框中写的单词替换为另一个单词。假设他们写道: “我喜欢吃馅饼。”在 HTML 文本区域元素中。我如何使用 JavaScript 以便通过单击按钮将“喜欢”一词替换为“爱”?不好意思解释,欢迎提问!

最佳答案

所以我写了一些代码来完全按照您的要求进行。代码非常简单,它使用“onclick”调用一个函数,该函数获取文本区域的值替换单词(使用 javascript 的“替换”函数),然后用新值更改文本区域的值(替换为词)

<!DOCTYPE html>
<html>
  <head>
    <script>
      function replace(){
        var text = document.getElementById("textarea").value;
        var newText = text.replace("like", "love");
        document.getElementById("textarea").value = newText;
      }
    </script>
  </head>
  <body>
    <textarea rows="4" cols="50" id="textarea"></textarea>
    <button id="button" onclick="replace();">replace</button>
  </body>
</html>

希望对您有所帮助。有什么可以问的。

关于javascript - 用 JavaScript 替换用户在文本框中写的词,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39925761/

相关文章:

html - DIV 未垂直覆盖整个内容

javascript - Javascript 数组中最后一项后的换行符

javascript - 如何使用jquery获取表内文本框的值?

html - 嵌套元素的 WCAG 可访问性问题

android - 在 flutter 中,底部重载了 248 像素

html - 使用 css 重新创建

Javascript 仅适用于页面上的某些位置

javascript - 这是解决数组分区问题的正确方法吗?

javascript - 仅当特定的其他 div 被点击时才显示 div

css - youtube 视频导致 chrome css 固定背景问题