如何编写将文本放入段落的函数答案

【问题标题】：How To Write A Function That Puts Text In A Paragraph如何编写将文本放入段落的函数
【发布时间】：2021-04-15 20:11:02
【问题描述】：

我必须在页面上创建第二个按钮/输入框，在文本必须出现的绿色段落方块下方。如何编写函数以使文本在段落中居中？我必须使用 document.getElementById 来获取输入框对象和段落对象。这是我目前所拥有的：

HTML：

</head>
  <body>
   <div>
     <button onclick="sayMagicWord();">Press For Magic </button>
  </div>
      
<p></p>
    <div>
        <input id ="inputbox" type ="text" size ="10" value="Enjoy your semester at Fordham"/>
        <button onclick="enjoy();">Click To Place Text In Paragraph </button>
</div>

CSS：

p {
    width: 200px;
    height: 200px;
    background-color: green;
    margin-left: 20px
}

JS：

function sayMagicWord() {
alert("PLEASE");
}

function enjoy() {

}

如果这样更清楚，这里是我的教授的说明：

在 HTML 页面上，在页面上的第一个按钮下方添加一个具有绿色背景且宽度和高度为 200 像素 X 200 像素的段落。（使用单独的 css 文件按 id 设置段落样式）
在 HMTL 页面上，在段落下方并排创建一个输入框和另一个按钮
将第二个功能与新按钮相关联。在 javascript 文件页面上，创建该函数。在该函数中，从输入框中获取文本并将其放在段落的中心（也使用 css）。给段落和输入框一个id 使用 document.getElementById 命令获取输入框对象，以及段落对象然后将文本框条目的值赋给段落的innerHTML

【问题讨论】：

居中与 document.getElementById 无关 - 请注意，您的教授在居中方面写了“也使用 css”...

标签： javascript html css function

【解决方案1】：

因此，您需要先为段落设置一个 id。可以说<p id='e'> </p> ，尽管您可以随意命名。然后，在您的 javascript 文件中，您可以点击文档，然后获取段落的 ID（在本例中为 e）并使用方法 innerHTML() 将段落设置为文本框的值这将是：

function enjoy() {
 document.getElementById('e').innerHTML = 'value here';
}

关于CSS，参考 https://www.w3schools.com/csS/css_align.asp

尝试查看诸如 w3schools 指南之类的页面，了解文档对象模型或其方法等内容。作为其家庭作业，一些研究将有很长的路要走。

【讨论】：

非常感谢！！我一直在努力弄清楚如何引用该段落并忘记了 ID。这非常有帮助