通过document.getElementById

时间:2019-04-08 01:40:19

标签: javascript jquery

我有一个用html(mgame.html)用javascript编写的记忆游戏:

<html>
<head>
<link rel="stylesheet" type="text/css" href="trivia/mgame.css" />
</head>
<body>
<script src="trivia/jquery33.js"></script>
<script src="trivia/memorygame.js"></script>
<div id="picbox">
  <span id="boxbuttons">    
      <span id="counter">0</span>
  </span>
  <div id="boxcard"></div>
</div>
</body>
<html>

成功了。

我试图将这种“记忆游戏”导入以javascript(game.js)编写的“琐事问答游戏”中:

**var imported = document.createElement('script');
  imported.src = 'trivia/mgame.js';
  document.head.appendChild(imported);**    
}else if ((qmode == 'qindex' && nqansw % 2 == 0) || (qmode == 'qrandom' && nqansw % 2 == 0)){
          document.getElementById('quiz').innerHTML = '<h4 id="qnr">&#9675;  Question number.'+ (nquiz + 1) +'</h4><div id="picbox"><span id="boxbuttons"><span id="counter">0</span></span><div id="boxcard"></div></div><button id="nextq" onclick="obTrivia.sQuiz(\'next\')">next</button>';     

我说:如果我在“测验游戏”中使用Normal mod或Random模式,则将“记忆游戏”包括在问题编号(2)中,而不是正常问题。

然后我在index.html(琐事问答游戏的主页)中添加以下代码:

<head>
<link href="trivia/mgame.css" rel="stylesheet" type="text/css" />
.....
</head>
<body>
<script type="text/javascript" src="trivia/jquery33.js"></script>
<script type="text/javascript" src="trivia/memorygame.js"></script>
.....
</body>

问题是:记忆游戏在测验游戏中不起作用?

注意: 记忆游戏也许可以通过iframe进行工作,但是当我使用iframe时,如果从“内存游戏”到“测验游戏”,则如果Win不能得分(+1),如果失败则不能得分(0)。

Counter++;
        $("#counter").html("" + Counter);
        cnum = Counter; // number of clicks

        if (ImgFound == ImgSource.length && cnum >= 6) {
            $("#counter").prepend('<span id="success">Fail, total of clicks </span>');  
            nia++;          
        }else if (ImgFound == ImgSource.length && cnum < 6) {
            $("#counter").prepend('<span id="success">Win, total of clicks </span>');   
            nca++;          
        }

nca ++:表示将(+1)添加到正确答案的总数中。 nia ++:表示将(+1)添加到错误答案的总数中。

致谢

谢谢您通过以下代码导入memorygame.js纠正了该问题:

var imported = document.createElement('script');
      imported.src = 'trivia/mgame.js';
      document.head.appendChild(imported);

来自她: How to include js file in another js file?

0 个答案:

没有答案