Estou tentando descobrir como chamar de volta qual botão uma pessoa pressionou sem usar meu método ineficiente de várias funções. O código está abaixo. Eu testei e isso funciona para o que eu fiz, mas eu quero saber se existe um método mais eficiente para fazê-lo.
<!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>
Tags javascript html