Javascript 我正在学习编码，有人能告诉我怎么了吗？

我已经学习了js、html和CSS的基础知识。为了挑战我自己，我想做一个组织者（专门用于游戏任务）。到目前为止，我已经成功地创建了一个输入框，您可以输入，当您按下enter键时，它就会消失，就是这样。我正在一步一步地做这件事，这样我就可以知道我在做什么。我想知道的是我是如何将输入（输入内容后按enter键）打印出来的，现在就在任何地方。我还想知道如何在上面使用CSS（毕竟，我正在使用js函数来打印它，我不知道如何在js上使用CSS）

//将弧名称添加到页面
函数arcName（）{
var arc=document.getElementById（“arcs”）；
}
身体{
背景色：暗灰色；
}
弧：
文件编写（arc）；

您可以通过

document.getElementById('inputId').value

---

您可以通过以下方式获得元素的值：

document.getElementById('inputId').value

---

无需为此使用表单。您可以简单地使用onKeyUp事件来处理enter键。回车键的代码是13

函数printName（事件）{
var char=event.which | | event.keyCode；
如果（字符==13）{
//console.log（document.getElementById（“arcName”）.value）；
document.getElementById（“displayNames”）.innerHTML+=document.getElementById（“arcName”）.value+“
”；
document.getElementById（“arcName”）.value=“”；
}
}

身体{
背景色：暗灰色；
}
#弧名{
背景：黄色；
}

无需为此使用表单。您可以简单地使用onKeyUp事件来处理enter键。回车键的代码是13

函数printName（事件）{
var char=event.which | | event.keyCode；
如果（字符==13）{
//console.log（document.getElementById（“arcName”）.value）；
document.getElementById（“displayNames”）.innerHTML+=document.getElementById（“arcName”）.value+“
”；
document.getElementById（“arcName”）.value=“”；
}
}

身体{
背景色：暗灰色；
}
#弧名{
背景：黄色；
}

您可以通过执行以下操作获取表单的输入：

名字：

单击“尝试”按钮以显示表单中第一个元素的值

试试看

函数myFunction（）{
var x=document.getElementById（“myForm”）.elements[0]。值；
document.getElementById（“demo”）.innerHTML=x；
}

您可以通过执行以下操作获取表单的输入：

名字：

单击“尝试”按钮以显示表单中第一个元素的值

试试看

函数myFunction（）{
var x=document.getElementById（“myForm”）.elements[0]。值；
document.getElementById（“demo”）.innerHTML=x；
}

身体{
背景色：暗灰色；
}
//用于获取用户输入并返回其值的函数
getArcInput=函数（）{
//从输入框中检索文本并将其设置为
//用户输入变量
var userInput=document.getElementById（“ArcInput”）.value；
//将userInput返回给调用它的函数
返回用户输入；
};
//用于将段落标记内的文本设置为圆弧的函数
displayArcInput=函数（displayValue）{
document.getElementById（“display”）.innerHTML=displayValue；
}
submitFunction=函数（）{
//调用getArcInput函数以检索用户输入
//并将弧设置为与用户输入相等。
var arc=getArcInput（）；
//为displayArcInput函数指定arc，以便它显示
//在页面上
显示arc输入（arc）；
};

我知道我的答案有点过头了，但我想展示使用函数的示例，并演示范围的概念。为了学习如何编程，我强烈建议您熟悉范围的概念

另外，代码越短并不一定意味着代码越好。我个人更喜欢可读的代码，因为如果我需要编辑它，我不想在几个月后花时间解码“聪明”的代码

另外，我认为您在学习如何编写代码方面走在了正确的轨道上。仅仅考虑一些很酷的功能并尝试实现它们是一个很好的学习方式。当你陷入困境时，谷歌和提问是你最好的朋友。永远不要害怕问一个“愚蠢”的问题。最后，如果您想继续学习HTML和JavaScript，我建议您学习一个名为jQuery的库，它有很多很酷的函数，可以让您的一些任务变得更简单。在熟悉了编码之后，我建议学习一些框架，比如Angular。

身体{
背景色：暗灰色；
}
//用于获取用户输入并返回其值的函数
getArcInput=函数（）{
//从输入框中检索文本并将其设置为
//用户输入变量
var userInput=document.getElementById（“ArcInput”）.value；