Я пытаюсь понять, как перезвонить, какую кнопку нажимал человек, не используя мой неэффективный метод множественных функций. Код ниже. Я проверил это, и это работает для того, для чего я сделал это, но я хочу знать, есть ли более эффективный метод для этого.

<!DOCTYPE html>
<html>

<head>

<title>Google Forms 3 -- Ben Klemp</title>

<script>
function inputButton() {
    var input, text;
    input = document.getElementById("input").value;
    input = input.toLowerCase();
    if (input.length <= 0) {
        alert("You must type your name here.");
    } else {
        document.getElementById("question1").hidden = "";
        document.getElementById("inputButton").hidden = "hidden";
        document.getElementById("initialQuestion").hidden = "hidden";
    };
};
function submit() {
    document.getElementById("question1").hidden = "hidden";
    document.getElementById("review").hidden = "";
    document.getElementById("responses1").innerHTML = "What is your name: " + document.getElementById("input").value;
};
function submit1() {
    document.getElementById("responses2").innerHTML = "Do you play video games: Yes"
};
function submit2() {
    document.getElementById("responses2").innerHTML = "Do you play video games: No"
};
</script>

</head>

<body>

<div><!--Heading and Initial Question-->
    <h1>Ben Klemp's Survey</h1>
    <div id="initialQuestion">
        <h3>What is your name?</h3>
        <input type="character" id="input">Type Name Here</input>
        <button type="button" id="inputButton" onclick="inputButton()">Submit</button>
    </div>
</div>

<div id="question1" hidden="hidden"><!--Question 1-->
    <h3>Do you play video games?</h3>
    <div id="questionButtons1">
        <button type="button" id="submit1" onclick="submit() + submit1()">Yes</button>
        <button type="button" id="submit2" onclick="submit() + submit2()">No</button>
    </div>
</div>

<div id="review" hidden="hidden">
<h2>Here are your responses:</h2>
<p id="responses1"></p>
<p id="responses2"></p>
</div>

</body>

</html>
|источник

0