我想检查答案并用Javascript将其显示在HTML页面上

我对Javascript编码相当陌生。我正在为自己的调查或测试创建一个网页

这是我的代码

<form id="q1form">
<input type="radio" name="question1" value="1" id="q1"> true
<input type="radio" name="question1" value="0" id="q2"> false
</form>
<button onclick="myFunction()"> try </button>

function myFunction(){
   var form = document.getElementById('q1form'),
   s1 = form['question1'],
    n;
    for (n = 0; n < s1.length; n++) {
    if (s1[n].checked) {
        var soru1= parseInt(s1[n].value);
       }
}
if(soru1==1){ 
    document.writeln("Your answer is correct!"); 
}
else{
    document.wirteln("Your answer is not correct");
}
}

真的
假的
尝试
函数myFunction（）{
var form=document.getElementById（'q1form'），
s1=表格[‘问题1']，
N
对于（n=0；n

---

在这段代码中，我想显示“您的答案是正确的！”或“尝试”按钮附近的其他答案。我可以用window.alert显示答案，但我想在同一页的按钮附近显示。可能吗？我该怎么做？

您可以使用按钮旁边的div

，然后将反馈插入该div：

var feedback = document.getElementById("feedback");
feedback.innerHTML = "Your answer is correct!";

---

您可以使用按钮

旁边的div，然后将反馈插入该div：

var feedback = document.getElementById("feedback");
feedback.innerHTML = "Your answer is correct!";

差不多

<form id="q1form">
    <input type="radio" name="question1" value="1" id="q1">true
    <input type="radio" name="question1" value="0" id="q2">false
</form>
<button onclick="myFunction(this)">try</button>

<script>
    function myFunction(btn) {
        var form = document.getElementById('q1form'),
            s1   = form['question1'],
            p    = document.createElement('p'),
            txt,
            n;
        for (n = 0; n < s1.length; n++) {
            if (s1[n].checked) {
                var soru1 = parseInt(s1[n].value);
            }
        }

        if (soru1 == 1) {
            txt = "Your answer is correct!"
        } else {
            txt = "Your answer is not correct";
        }
        var oldP = document.getElementById('response');
        if (oldP) oldP.parentNode.removeChild(oldP);
        p.appendChild(document.createTextNode(txt));
        p.id = "response";
        btn.parentNode.insertBefore(p, btn.nextSibling);
    }
</script>

真的
假的
尝试
函数myFunction（btn）{
var form=document.getElementById（'q1form'），
s1=表格[‘问题1']，
p=document.createElement（'p'），
txt，
N
对于（n=0；n

类似于

<form id="q1form">
    <input type="radio" name="question1" value="1" id="q1">true
    <input type="radio" name="question1" value="0" id="q2">false
</form>
<button onclick="myFunction(this)">try</button>

<script>
    function myFunction(btn) {
        var form = document.getElementById('q1form'),
            s1   = form['question1'],
            p    = document.createElement('p'),
            txt,
            n;
        for (n = 0; n < s1.length; n++) {
            if (s1[n].checked) {
                var soru1 = parseInt(s1[n].value);
            }
        }

        if (soru1 == 1) {
            txt = "Your answer is correct!"
        } else {
            txt = "Your answer is not correct";
        }
        var oldP = document.getElementById('response');
        if (oldP) oldP.parentNode.removeChild(oldP);
        p.appendChild(document.createTextNode(txt));
        p.id = "response";
        btn.parentNode.insertBefore(p, btn.nextSibling);
    }
</script>

真的
假的
尝试
函数myFunction（btn）{
var form=document.getElementById（'q1form'），
s1=表格[‘问题1']，
p=document.createElement（'p'），
txt，
N
对于（n=0；n

---

这应该让您开始：

function myFunction() {
    var form = document.getElementById('q1form'),
        output = document.getElementById('output'),
        s1 = form['question1'],
        n;
    for (n = 0; n < s1.length; n++) {
        if (s1[n].checked) {
            var soru1 = parseInt(s1[n].value);
        }
    }
    output.innerHTML = soru1 === 1 ? "Your answer is correct!"
                                   : "Your answer is not correct" ;
}

函数myFunction（）{
var form=document.getElementById（'q1form'），
output=document.getElementById（'output'），
s1=表格[‘问题1']，
N
对于（n=0；n

---

工作。

这应该让您开始：

function myFunction() {
    var form = document.getElementById('q1form'),
        output = document.getElementById('output'),
        s1 = form['question1'],
        n;
    for (n = 0; n < s1.length; n++) {
        if (s1[n].checked) {
            var soru1 = parseInt(s1[n].value);
        }
    }
    output.innerHTML = soru1 === 1 ? "Your answer is correct!"
                                   : "Your answer is not correct" ;
}

函数myFunction（）{
var form=document.getElementById（'q1form'），
output=document.getElementById（'output'），
s1=表格[‘问题1']，
N
对于（n=0；n

正在工作。

您可以使用：

  <form id="q1form">
  <input type="radio" name="question1" value="1" id="q1"> true
  <input type="radio" name="question1" value="0" id="q2"> false
  </form>
  <button onclick="myFunction()"> try </button>
  <span id="demo"></span>

  function myFunction(){
  var form = document.getElementById('q1form'),
  s1 = form['question1'],
  n;
  for (n = 0; n < s1.length; n++) {
  if (s1[n].checked) {
    var soru1= parseInt(s1[n].value);
   }
  }
  if(soru1==1){ 
  document.getElementById("demo").innerHTML="Your answer is correct";
  }
 else{
 document.getElementById("demo").innerHTML="Your answer is not correct";
 }
 }

真的
假的
尝试
函数myFunction（）{
var form=document.getElementById（'q1form'），
s1=表格[‘问题1']，
N
对于（n=0；n

您可以使用：

  <form id="q1form">
  <input type="radio" name="question1" value="1" id="q1"> true
  <input type="radio" name="question1" value="0" id="q2"> false
  </form>
  <button onclick="myFunction()"> try </button>
  <span id="demo"></span>

  function myFunction(){
  var form = document.getElementById('q1form'),
  s1 = form['question1'],
  n;
  for (n = 0; n < s1.length; n++) {
  if (s1[n].checked) {
    var soru1= parseInt(s1[n].value);
   }
  }
  if(soru1==1){ 
  document.getElementById("demo").innerHTML="Your answer is correct";
  }
 else{
 document.getElementById("demo").innerHTML="Your answer is not correct";
 }
 }

真的
假的
尝试
函数myFunction（）{
var form=document.getElementById（'q1form'），
s1=表格[‘问题1']，
N
对于（n=0；n

切勿在加载后使用docuemnt.write。相反，请使用某些元素的InnerHTMLS，这样开发人员就可以正确回答所有问题！（检查元件）切勿在加载后使用docuemnt.write。相反，请使用某些元素的InnerHTMLS，这样开发人员就可以正确回答所有问题！（检查元件）谢谢，它工作了，但我有一个问题。当我单击页面中的按钮时，它会将浏览器发送到…/Desktop/odev.html？question1=1。我可以看到反馈，但按钮会在几毫秒内刷新页面。请尝试使用span而不是div，因为它会显示在按钮旁边而不是下方。谢谢，它起作用了，但我有一个问题。当我单击页面中的按钮时，它会将浏览器发送到…/Desktop/odev.html？question1=1。我可以看到反馈，但按钮会在毫秒内刷新页面。请尝试使用span而不是div，因为它会显示在按钮旁边而不是下方使用span而不是p，因为这样它会显示在按钮旁边而不是下方。使用span而不是p，因为这样它会显示在按钮旁边而不是下面。