有没有人能帮我制作html和javascript,让我在句子中间添加一个单词,并使用用户输入?谢谢

句子:

输入框|制句按钮

已添加到单词并由用户输入的句子的结果

我在学校时makan岁.

推荐答案

对于html正文:

    <p>Aku sedang <span id="sentence">_____</span> di sekolah.</p>

    <input type="text" id="userInput"> <button onclick="readMore()">modify</button>

然后添加脚本

<script>
    function readMore(){
        let word = document.getElementById("userInput").value;
        document.getElementById("sentence").innerHTML = word;
    }
</script>

您可以在here中阅读HTML DOM的其他可用性

Javascript相关问答推荐

每次子路由重定向都会调用父加载器函数

InDesign—创建一个独立的窗口,在文档中进行更正时保持打开状态

为什么我的列表直到下一次提交才更新值/onChange

康威的生活游戏规则在我的Javascript版本中不起作用.''我做错了什么?

给定一个凸多边形作为一组边,如何根据到最近边的距离填充里面的区域

未捕获错误:[]:getActivePinia()被调用,但没有活动Pinia.🍍""在调用app.use(pinia)之前,您是否try 使用store ?""

如何从URL获取令牌?

如何在JavaScript文件中使用Json文件

如何解决useState错误—setSelect Image不是函数''

无法使用单击按钮时的useState将数据从一个页面传递到另一个页面

未定义引用错误:未定义&Quot;而不是&Quot;ReferenceError:在初始化&Quot;之前无法访问';a';

是什么导致了这种奇怪的水平间距错误(?)当通过JavaScript将列表项元素追加到无序列表时,是否在按钮之间?

当用户点击保存按钮时,如何实现任务的更改?

当我在Reaction中创建一个输入列表时,我的输入行为异常

Reaction Redux&Quot;在派单错误中检测到状态Mutations

当从其他文件创建类实例时,为什么工作线程不工作?

$GTE的mongoose 问题

Reaction路由v6.4+数据API:重试加载程序而不显示错误

在使用Jest进行测试时,在Express应用程序中未定义Multer

为什么我的AJAX联系人表单不能留在同一页上?