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

Javascript 如何在没有框架的情况下在HTML中制作和使用模板,javascript,jquery,html,templates,templating,Javascript,Jquery,Html,Templates,Templating,如果我要做一个测验,其中所有的问题都需要有相同的格式,并且一次只能向用户显示一个问题,那么在不复制和粘贴代码的情况下,我怎么做呢?我可以做一个模板吗?那将是我更喜欢的选择 提前感谢。如果您只想一次显示一个问题,您可以使用JavaScript获取问题的文本元素和选项,并通过以下问题更改它们 您还可以通过JavaScript或其他HTML文件生成模板,在需要或时随时复制该模板 这是一个如何实现的小例子: var问题=[“2+2”、“1+3”、“8/2”、“5-2”]; var-currentQu

如果我要做一个测验,其中所有的问题都需要有相同的格式,并且一次只能向用户显示一个问题,那么在不复制和粘贴代码的情况下,我怎么做呢?我可以做一个模板吗?那将是我更喜欢的选择



提前感谢。

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

您还可以通过JavaScript或其他HTML文件生成模板,在需要或时随时复制该模板

这是一个如何实现的小例子:

var问题=[“2+2”、“1+3”、“8/2”、“5-2”];
var-currentQuestion=0;
var回答=[];
函数nextQuestion(){
//门店解答:
var值=$(“输入[名称=选项]:选中”).val();
答案:推(值);
控制台日志(应答);
//下一个问题:
当前问题++;
document.getElementById(“问题”).innerHTML=问题[currentQuestion];
}
/*应用您的样式*/
#问题:{
颜色:红色;
}

2 + 2?
5
4
3.
下一个问题
我该怎么做?1秒。我写了一个例子。你可以进一步阐述它,并根据你的需要调整它。answers.push做什么?它只是向数组中添加值吗?向数组中添加一个新元素,在本例中是附加所选值。在控制台中,您可以看到阵列如何存储所选选项。