Question

如果我打算进行测验，其中所有问题需要具有相同的格式，并且用户必须一次只显示1个问题，如何在不复制和粘贴代码的情况下执行此操作？我可以制作模板吗？那将是我的首选选择。

<小时/> 提前谢谢。

Answer 1

如果您只想一次显示一个问题，可以使用JavaScript获取问题的文本元素和选项，并通过以下问题进行更改。

您还可以通过JavaScript或其他HTML文件生成模板，该文件会在document.write()或innerHTML的任何时候被复制。

如何做到的一个小例子：

var questions = ["2 + 2", "1 + 3", "8 / 2", "5 - 2"];
var currentQuestion = 0;
var answers = [];

function nextQuestion() {
  //Store answers:
  var value = $("input[name=options]:checked").val();
  answers.push(value);
  console.log(answers);


  //Next question:
  currentQuestion++;
  document.getElementById("question").innerHTML = questions[currentQuestion];

}

/* Apply your styles*/

#question {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="question">2 + 2?</div>
<form action="">
  <input type="radio" name="options" value="5">5<br>
  <input type="radio" name="options" value="4">4<br>
  <input type="radio" name="options" value="3">3
</form>

<button onclick="nextQuestion()">next question</button>

https://jsfiddle.net/z0n4xekh/23/

如何在没有框架的情况下在HTML中制作和使用模板

1 个答案: