如何在Javascript中创建用户文本输入和输出_Javascript_Html_Forms

如何在Javascript中创建用户文本输入和输出

javascript html forms

如何在Javascript中创建用户文本输入和输出,javascript,html,forms,Javascript,Html,Forms,我不熟悉编码，但我需要你的帮助。我需要创建一个表单，允许用户输入一个问题，例如=我应该买一辆新车吗？然后在一个新的框中，他们会列出五种解决问题的方法（1.节省更多，2.等待，3.租赁，4.修理现有汽车5.购买二手车。一旦他们这样做，他们就会按submit，随机选项消失。这可能来自Java脚本吗？正确的语法是什么？提前感谢您的帮助，如果让人困惑，我会尽我所能进行澄清，如果需要的话。请查看下面的内容g示例。希望它能帮助您： <html> <head> <meta htt

我不熟悉编码，但我需要你的帮助。我需要创建一个表单，允许用户输入一个问题，例如=我应该买一辆新车吗？然后在一个新的框中，他们会列出五种解决问题的方法（1.节省更多，2.等待，3.租赁，4.修理现有汽车5.购买二手车。一旦他们这样做，他们就会按submit，随机选项消失。这可能来自Java脚本吗？正确的语法是什么？提前感谢您的帮助，如果让人困惑，我会尽我所能进行澄清，如果需要的话。

请查看下面的内容g示例。希望它能帮助您：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
function showOptionBox()
{
    document.getElementById("optionBox").style.display="";
}
function showRandomAnswer()
{
    //alert(Math.floor(Math.random() * (5)) + 1);
    var randomOption=Math.floor(Math.random() * (5)) + 1;
    for(var i=1;i<=5;i++)
    {
        if(randomOption != i)
        {
            document.getElementById("opt"+i).style.display="none";
        }
    }
}
</script>
</head>
<body>
    <fieldset><legend>Enter your question:</legend>
        Question:<input type="text" id="question" /><br>
        <input type="button" onclick="showOptionBox();" value="Submit Question">
    </fieldset>

    <div id="optionBox" style="display: none">
        <fieldset><legend>Enter your options:</legend>
        <div id="opt1">Option 1:<input type="text"/></div><br>
        <div id="opt2">Option 2:<input type="text"/></div><br>
        <div id="opt3">Option 3:<input type="text"/></div><br>
        <div id="opt4">Option 4:<input type="text"/></div><br>
        <div id="opt5">Option 5:<input type="text"/></div><br>
        <input type="button" onclick="showRandomAnswer();" value="Show Random Answer"/>
    </fieldset>
    </div>
</body>
</html>


在此处插入标题
函数showOptionBox（）
{
document.getElementById（“optionBox”）.style.display=“”；
}
函数showRandomAnswer（）
{
//警报（数学楼层（数学随机（）*（5））+1）；
var randomOption=Math.floor（Math.random（）*（5））+1；
对于（var i=1；i“我需要创建一个表单”…是的，你需要创建一个表单。它在哪里？到目前为止你尝试过的JS在哪里？@Teemu据我所知，表单将被插入html的head标记中。但是说实话，我不知道从哪里开始。我找了一些演示来帮助你，但它的所有名称输入和输出都不是我想要的。表单在head
？不，在body
。你必须先学习基础知识，然后你可能会遇到问题。我们不会从头开始为你编写所有代码。正如我所说的，我对编码是新手。我理解你不会这么做，只是想在某个特定问题上寻求帮助。你告诉我学习基础知识并不是那么回事。但谢谢你。@Teemutt非常感谢你的帮助花时间回复。这很完美，感谢您在显示代码方面所做的努力。这意味着很多！@sAm no我可以更好地理解它的工作原理。有没有办法将CSS添加到此中？我已经尝试过了，但没有看到任何更改，它显示user agent样式表。经过一点研究和尝试，CSS正在工作。再次感谢谢谢你的帮助。