使用javascript/jquery重新启动琐事游戏

我正在尝试重新开始我的琐事游戏。回答第三个问题后，单击会弹出一个弹出窗口。在提示中，有一个奖牌和一个提示，提示您的分数和“再次播放”按钮。我尝试了不同的方法，但感觉很接近，但没有雪茄。救命啊

HTML:

<div class="container" id="start">
  <div class = "question"></div>
  </br>
  <div id="answers">
  </br>
    <div class= "answer span" id= "A"></div>
    <div class= "answer span" id= "B"></div>
    <div class= "answer span" id= "C"></div>
  </div>
</div>
<div class="container">
  <div class="score"></div>
</div>

<div class="container2">
  <div class = "right-or-wrong" style = "display:none"></div>
  </br>
    <div class = "next" style = "display:none">Next question!</div>
      <div id="score again"></div>
        </div>

<div class="cd-popup" role="alert">
    <div class="cd-popup-container">
        <p> You got nothing right</p>
        <ul class="cd-buttons">
            <li id="reset">
        <a href="#">
          Play Again
        </a>
      </li>
        </ul>
    </div>
</div>
<div class="cd-popup1" role="alert">
    <div class="cd-popup1-container">
    <img src="css/bronze-short.png" />
    <p> You got 1 out of 3 correct. </br>Good job!</p>
        <ul class="cd-buttons">
            <li id="reset">
        <a href="#">
          Play Again
        </a>
      </li>
        </ul>
    </div>
</div>
<div class="cd-popup2" role="alert">
    <div class="cd-popup2-container">
    <img src="css/silver-short.png" />
    <p>You got 2 out of 3 correct.</br>Awesome job!</p>
        <ul class="cd-buttons">
            <li id="reset">
        <a href="#">
          Play Again
        </a>
      </li>
        </ul>
    </div>
</div>
<div class="cd-popup3" role="alert">
    <div class="cd-popup3-container">
    <img src="css/gold-short.png" />
            <p>You got 3 out of 3 correct.</br>Perfection!</p>
        <ul class="cd-buttons">
            <li id="reset">
        <a href="#">
          Play Again
        </a>
      </li>
        </ul>
    </div>
</div>

下一个问题！
你什么都不对





你三分之一正确




你三分之二的答对了。
干得真棒





你三分之三正确。
完美

JS:

$（文档）.ready（函数（）{
addQAs（）；
setScore（）；
选择答案（）；
$（“#重置”）。单击（函数（）{
重启游戏（）；
})
});
var-clickCount=0；
var-count=0；
var得分=0；
var i=0；
var reloading=document.getElementById（'reload'）；
var setScore=函数（）{
如果（单击计数<1）{
$（“.score”）.html（“score:“+score+”
”）；
}
};
//函数重置（）{
//$（“#重置”）。在（'click'，函数（）{
//addQAs（）；
//setScore（）；
//选择答案（）；
//   })
// };
jQuery（文档）.ready（函数（$）{
$（'.cd弹出触发器'）。在（'click'，function（）上{
$（'.cd popup'）.addClass（'is-visible'）；
});
//关闭弹出窗口
$（“#重置”）。在（'click'，function（）上{
$（'.cd popup'）.removeClass（'is-visible'）；
重启游戏（）；
})
//if（$（event.target）.is（'.cd popup close'）|$（event.target）.is（'.cd popup'））{
//event.preventDefault（）；
//$（this.removeClass（'is-visible'）；
//
//  };
//单击esc键盘按钮时关闭弹出窗口
$（文档）.keyup（函数（事件）{
if（event.which=='27'）{
$（'.cd popup'）.removeClass（'is-visible'）；
}
});
});
变量Trivia=[
[“2016年之前，奥运会在南美举办了多少次？”、[“一次”、“两次”、“从未”]、“C”、“A”、“B”]，
[“哪些项目是几十年来第一次列入？”、[“高尔夫和自行车BMX”、“橄榄球和高尔夫”、“橄榄球和板球”]、“B”、“A”、“C”]，
[“开幕式上用火焰点燃的是什么？”、[“奥运圣火”、“奥运吉祥物”、“奥运火炬”]、“C”、“a”、“B”]，
[“火炬接力于4月21日在哪个城市开始？”、[“奥林匹亚”、“里约热内卢”、“伦敦”]、“A”、“B”、“C”]，
[“组织者每天为运动员准备大约多少顿饭？”、[“5000”、“60000”、“30000”]、“B”、“A”、“C”]，
[“哪一个是里约奥运会的场馆？”、[“奥林匹克高尔夫球场”、“奥运村”、“奥运游行”]、“A”、“B”、“C”]，
[“有史以来第一支参加奥运会比赛的难民队在哪面旗帜下比赛？”、[“奥运会”、“希腊”、“巴西”、“A”、“B”、“C”]，
[“哪两种武术在夏季奥运会上有代表性？”、[“功夫和太极拳”、“空手道和柔术”、“跆拳道和柔道”]、“C”、“A”、“B”]，
[“沙滩排球锦标赛在？”、[“科帕卡巴纳堡”、“科帕卡巴纳海滩”、“科帕卡巴纳俱乐部”]、“B”、“A”、“C”]，
[“开幕式和闭幕式在哪里举行？”、[“若昂·阿维兰热奥林匹克体育场”、“马拉卡纳体育场”、“马拉卡纳齐奥竞技场”]、“B”、“A”、“C”]，
[“2016年夏季奥运会期间将颁发多少枚金牌？”，
[“306”、“256”、“400”]、“A”、“B”、“C”]，
[“2016年夏季奥运会的座右铭是什么？”，[“同一个世界，同一个梦想”，“点燃心中的火焰”，“激情四射”]，“C”，“A”，“B”]，
[“2016年夏季奥运会的预计成本（以美元计），[“62.5亿美元”，“112.5亿美元”，“222.5亿美元]，“B”，“A”，“C”]，
[“2016年夏季奥运会何时结束？”、[“10月15日”、“9月2日”、“8月21日”]、“C”、“A”、“B”]，
[“里约的出租车司机或“出租车司机”有机会报名参加里约2016年组委会提供的免费在线英语课程？”、[“真”、“假”、“假”、“A”、“B”、“C”]，
[“2016年夏季奥运会共有28个项目？”、[“对”、“错”、“a”、“B”、“C”]，
[“2016年夏季奥运会的官方吉祥物是维尼修斯和汤姆？”，[“真”、“假”、“A”、“B”、“C”]，
[“参加2016年夏季奥运会的运动员将少于10000人？”、[“对”、“错”、“B”、“A”、“C”]
];
函数addQAs（）{
var questionCount=Math.floor（Math.random（）*triviaperts.length）；
$（“.question”）.text（triviaPrompts[questionCount][0]）；
$（“#A”）.text（triviaPrompts[questionCount][1][0]）；
元("B").文本(trivia prompts[questionCount][1][1]);；
$（“#C”）.text（triviaPrompts[questionCount][1][2]）；
};
//jQuery将新值转储到ID为“dump”的元素
//$（函数（）{
//对于下面代码中的（var i=0；i），需要重置变量。这将修复代码

var clickCount = 0;
var questionCount = 0;
var score = 0;
var i = 0;

只需更新重置函数中的变量即可

function reset(){
  $('#reset').on('click', function (){
    // reset all variables and counts
    clickCount = 0;
    questionCount = 0;
    score = 0;
    i = 0;

    addQAs();
    setScore();
    chooseAnswer();
  })
};

在您的代码中，需要重置以下变量。这将修复您的代码

var clickCount = 0;
var questionCount = 0;
var score = 0;
var i = 0;

只需更新重置函数中的变量即可

function reset(){
  $('#reset').on('click', function (){
    // reset all variables and counts
    clickCount = 0;
    questionCount = 0;
    score = 0;
    i = 0;

    addQAs();
    setScore();
    chooseAnswer();
  })
};

尝试以下重置

jQuery(document).ready(function($){
    $('body').on('click', '#reset',function (){//use event delegation
    clickCount = 0;
    questionCount = 0;
    score = 0;
    i = 0;
    $('.is-visible').removeClass('is-visible');//hide the modal
    addQAs();
    setScore();
    chooseAnswer();

  });
  });

演示
尝试以下重置

jQuery(document).ready(function($){
    $('body').on('click', '#reset',function (){//use event delegation
    clickCount = 0;
    questionCount = 0;
    score = 0;
    i = 0;
    $('.is-visible').removeClass('is-visible');//hide the modal
    addQAs();
    setScore();
    chooseAnswer();

  });
  });

演示
restartGame函数在哪里？我把它放在顶部：
$（“#重置”）。单击（函数（）{restartGame（）；}）
我在这里也尝试过，它当前被注释掉：`function reset（）{$（'#重置'）。on（'click'，function（）{addQAs（）；setScore（）；chooseAnswer（）}）；你清除了前一场比赛的状态了吗？@madalinivascu我想没有，因为在再次比赛后，我能够跑过任何一场比赛