前端小项目 QuizApp 答题卡片

涉及知识点

• 原生JS操作DOM常用方法
• 清除父节点里的所有子节点
• input 标签

介绍

页面显示一张卡片，上面有题目和选项，选择某个选项后点击提交，卡片内容换成其他题目。答完指定数目题目后会显示用户的答题结果，再次点击按钮可以重新答题。

代码

每次用户点击提交按钮时判断当次的答题结果，正确的话给标志位加一，然后销毁上一题的节点，渲染下一题的内容。
简单版本，只写了javascript，没有样式。

html:

<p class="question_title"></p>
<div class="answer_list"></div>
<button class="submit">提交</button>

javascript:

let res = [
  {
   
    title: '1+1=?'