Javascript 我需要制作一个警告框，显示用户在评论部分输入的内容

我不知道为什么这个代码不起作用。我需要一个简单的解决方案。这只是一个大学项目，它不需要做更多的事情，只需以下几点： 我想制作ti，这样当有人输入姓名、地点和地址时，性别和评论警告框就会弹出这种形式：

Name, Location, eAddress, Gender
comment...

代码：

输入法：


洛卡西亚：


电子邮件：


穆什科
Žensko
Drugo

波沙尔吉
函数Ispis（）{
var-Ime=getElementsByName=（“Ime”）[0]。值；
var lokacija=getElementsByName=（“lokacija”）[0]。值；
var eAdresa=getElementsByName=（“eAdresa”）[0]。值；
var Pol=getElementsByName=（“性别”）[0]。值；
警报（输入法+”、“+Lokacija+”、“+eAdresa+”、“+Gender+”
“+Komentar）；
}

我认为这是因为提交表单的按钮尝试将

<input type="button" onclick="Ispis()" value="Yourtext">

---

然后用小写字母重命名变量，它区分大小写

您的代码有一些问题：

• 当点击一个按钮时，表单立即被提交，你可以输入一个不会自动提交的按钮类型

• lokacija=document.getElementsByName（“lokacija”）[0]。值

  需要文档。并且不需要在getElementsByName之后使用=
• 缺少的变量很少，javascript变量名区分大小写
• 在警告框中，可以使用“\n”表示换行符（新行）
• 要正确处理所选单选按钮，可以使用

  ：checked

  queryselector类似的命令：

  var-Gender=document.queryselector（'[name=“Gender”]：checked'）。值

函数Ispis（）{
var-Ime=document.getElementsByName（“Ime”）[0]。值；
var lokacija=document.getElementsByName（“lokacija”）[0]。值；
var-Gender=document.getElementsByName（“性别”）[0]。值；
var Gender=document.querySelector（'[name=“Gender”]：checked'）。值；
var eAdresa=document.getElementsByName（“eAdresa”）[0]。值；
var Komentar=document.getElementsByName（“Komentar”）[0]。值；
警报（输入法+”、“+lokacija+”、“+eAdresa+”、“+Gender+”\n“+Komentar）；
}

输入法：


洛卡西亚：


E.肾上腺：
穆什科
Žensko
Drugo

您有一些语法错误，这里是一个工作版本：

函数Ispis（）{
var-ime=document.getElementsByName（“ime”）[0]。值；
var lokacija=document.getElementsByName（“lokacija”）[0]。值；
var eAdresa=document.getElementsByName（“eAdresa”）[0]。值；
var pol=document.getElementsByName（“性别”）[0]。值；
var komentar=document.getElementsByName（“komentar”）[0]。值；
警报（输入法+”、“+lokacija+”、“+eAdresa+”、“+pol+”
“+komentar）；
}

输入法：
Lokacija:
E地址：

穆什科
Žensko
Drugo

波沙尔吉

您可以按以下方式更改代码以工作

<div style="font-family:'Cinzel';text-align:center;">
    Ime: <input type="text" name="Ime" value=""><br></br>
    Lokacija: <input type="text" name="Lokacija" value=""></br><br>
    E Adresa: <input type="text" name="eAdresa" value=""></br><br>
 <form>
  <input type="radio" name="gender" value="male" checked> Muško
  <input type="radio" name="gender" value="female"> Žensko
  <input type="radio" name="gender" value="other"> Drugo<br>
  <button onclick="Ispis()">Pošalji</button>
</form> 
    <textarea rows="4" cols="50" name="Komentar" form="usrform" placeholder="Ostavite komentar..."></textarea>
</div>
<script>
    function Ispis(){
        var Ime=document.getElementsByName("Ime")[0].value;
        var lokacija=document.getElementsByName("Lokacija")[0].value;
        var eAdresa=document.getElementsByName("eAdresa")[0].value;
        var Gender=document.getElementsByName("gender")[0].value;
        var Komentar=document.getElementsByName("Komentar")[0].value;
        debugger
        alert(Ime+","+lokacija+","+eAdresa+","+Gender+"\n"+Komentar);
}
</script>

输入法：


洛卡西亚：


电子邮件：


穆什科
Žensko
Drugo

波沙尔吉
函数Ispis（）{
var-Ime=document.getElementsByName（“Ime”）[0]。值；
var lokacija=document.getElementsByName（“lokacija”）[0]。值；
var eAdresa=document.getElementsByName（“eAdresa”）[0]。值；
var-Gender=document.getElementsByName（“性别”）[0]。值；
var Komentar=document.getElementsByName（“Komentar”）[0]。值；
调试器
警报（输入法+”、“+lokacija+”、“+eAdresa+”、“+Gender+”\n“+Komentar）；
}

您有任何错误吗？没有，它只是没有做任何事情。您将变量命名为

lokacija

，但随后尝试在值串联中使用

lokacija

——JavaScript中的变量名称区分大小写！首先，请养成经常检查浏览器控制台是否有错误的习惯。其次，您的按钮是“提交”按钮，因此一旦您单击它，它将提交此表单。您可能需要阻止该默认操作，或者将您的按钮设置为单击按钮（

type=“button”

），并且

Gender

也没有定义，您将变量命名为将该输入字段的值读入

Pol

…请更加注意您的实际操作。而且

Komentar

也没有定义…@misterogy然后把它作为input@MisterOggy请不要忘记通过单击问题旁边的V图标接受答案：）谢谢（欢迎加入SO）@如果这个答案对你有帮助，请确保你投了赞成票！如果它提供了您的解决方案，您还可以单击投票图标下方的灰色复选标记，将其标记为适合您的解决方案

<div style="font-family:'Cinzel';text-align:center;">
    Ime: <input type="text" name="Ime" value=""><br></br>
    Lokacija: <input type="text" name="Lokacija" value=""></br><br>
    E Adresa: <input type="text" name="eAdresa" value=""></br><br>
 <form>
  <input type="radio" name="gender" value="male" checked> Muško
  <input type="radio" name="gender" value="female"> Žensko
  <input type="radio" name="gender" value="other"> Drugo<br>
  <button onclick="Ispis()">Pošalji</button>
</form> 
    <textarea rows="4" cols="50" name="Komentar" form="usrform" placeholder="Ostavite komentar..."></textarea>
</div>
<script>
    function Ispis(){
        var Ime=document.getElementsByName("Ime")[0].value;
        var lokacija=document.getElementsByName("Lokacija")[0].value;
        var eAdresa=document.getElementsByName("eAdresa")[0].value;
        var Gender=document.getElementsByName("gender")[0].value;
        var Komentar=document.getElementsByName("Komentar")[0].value;
        debugger
        alert(Ime+","+lokacija+","+eAdresa+","+Gender+"\n"+Komentar);
}
</script>