我想製作一個樹 - 問題，我這樣做，它的工作，但我想知道是否有一個更簡單的方法來做到這一點？

Question

這是樹的問題，這是一個簡單的示例爲我想做的事情，並在底部是保存單選按鈕看重

function radioFunc(answer) { 
 
    document.getElementById("radio").innerHTML = answer; 
 
} 
 

 

 
function question1() { 
 
    var myanswer = document.getElementById("radio").innerHTML; 
 
    if (myanswer === "yes") { 
 
    document.getElementById("div1").style.display = "none"; 
 
    document.getElementById("div2").style.display = "block"; 
 
    } else if (myanswer === "no") { 
 
    alert("I'm sorry , You're not Ramy!"); 
 
    } 
 
}

<div id="div1"> 
 
    <p>Are you 18?</p> 
 
    <form> 
 
    <input type="radio" name="answer" value="yes" onclick="radioFunc(this.value)">Yes<br> 
 
    <input type="radio" name="answer" value="no" onclick="radioFunc(this.value)">No<br><br> 
 
    <input type="button" value="confirm" onclick="question1()"> 
 
    </form> 
 
</div> 
 
<div id="div2" style="display: none;"> 
 
    <p>Are you over in college?</p> 
 
    <form> 
 
    <input type="radio" name="answer" value="yes" onclick="radioFunc(this.value)">Yes<br> 
 
    <input type="radio" name="answer" value="no" onclick="radioFunc(this.value)">No<br><br> 
 
    <input type="button" value="confirm" onclick="question2()"> 
 
    </form> 
 
</div> 
 

 
<p id="radio" style="display: none;"></p>

Answer 1

你的邏輯看起來很好，但段落你可以使用單功能問題（）而不是做這麼多的功能question1（），question2（）這會讓你的javascript代碼看起來更簡單更容易（假設如果答案是否定的，給消息「我很抱歉，你不是拉米「）

<div id="div1"> 
    <p>Are you 18?</p> 
    <form> 
     <input type="radio" name="answer" value="yes" 
     onclick="radioFunc(this.value)">Yes<br> 
     <input type="radio" name="answer" value="no" 
     onclick="radioFunc(this.value)">No<br><br> 
     <input type="button" value="confirm" onclick="question()"> 
    </form> 
    </div> 
    <div id="div2" style="display: none;"> 
    <p>Are you over in college?</p> 
    <form> 
     <input type="radio" name="answer" value="yes" 
      onclick="radioFunc(this.value)">Yes<br> 
     <input type="radio" name="answer" value="no" 
      onclick="radioFunc(this.value)">No<br><br> 
     <input type="button" value="confirm" onclick="question()"> 
    </form> 
    </div> 
    <div id="div3" style="display: none;"> 
     <h1>Hello Ramsey<h1> 
    </div> 

<p id="radio" style="display: none;"></p> 

javascript代碼：

function radioFunc(answer){ 
    document.getElementById("radio").innerHTML = answer; 
} 

var count = 1; 
var quesToHide=''; 
var quesToShow=''; 
function question() { 
    var myanswer = document.getElementById("radio").innerHTML; 
    if (myanswer === "yes") { 
     quesToHide ="div"+count; 
     count++; 
     quesToShow ="div"+count; 
     document.getElementById(quesToHide).style.display = "none"; 
     document.getElementById(quesToShow).style.display = "block"; 
    } else if(myanswer === "no"){ 
     alert("I'm sorry , You're not Ramy!"); 
    } 
}