Javascript 如何设置我的网页，从文本字段中获取输入，并将其用作页面上的新文本？

我正在尝试制作一个像闪存卡一样工作的web应用程序，但我需要能够将用户键入的内容输入到教科书中，并将其添加到页面中。这是我发现的，但我希望嵌入文本

textboxs.html
//从textboxs.html
函数sayHi（）{
var txtName=document.getElementById（“txtName”）；
var txtOutput=document.getElementById（“txtOutput”）；
var name=txtName.value；
txtOutput.value=“你好，”+name+“！”
}//结束sayHi
文本框输入和输出
键入您的姓名：

退房。它可以做你想做的事。还有更多

var-app=angular.module（'app'，[]）；
app.controller（'AppCtrl'，函数（$scope）{
$scope.name=“”；
});

你好，{{name}}！
编辑：您也可以使用JQuery：

如果您不想使用Angular，可以这样做：

  function writeToElement(id, value){
    var target= document.getElementById("id");
    if (target) {
        target.innerHTML = value;
        return target;
    } else {
        return false;
    }
  } 

然后您可以将onClick设置为
writeToElement（someId，this.value）
其中
someId
是您要更改的元素的id。
什么是嵌入式？？要使其成为的一部分，或者如果要保存这些结果，最好将文本发布到使用PHP处理请求的页面，并将其保存到MySQL数据库中。