Я пытаюсь дважды запустить один и тот же код из компилятора, который я купил онлайн

#javascript #html

#javascript #HTML

Вопрос:

В текущем коде у меня есть 3 игры, я добился того, что первые две заработали, но третья была неуловима. Я хотел бы, чтобы все это выполнялось одновременно, но это необязательно. Последние 2 игры от одного и того же компилятора. Это интерактивные игры, такие как кроссворды и поиск по словам. Кроме того, я новичок в js, я все еще учусь. Вот мой код.

    <!DOCTYPE html>
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<META NAME="Generator" CONTENT="Crossword Compiler (www.crossword-compiler.com)">
<br></br>
<center><p style="font-size:20px">Word Match Game</p></center>
<br></br>
<link rel="stylesheet" href="/s/style.css">

        <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
        <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>     
        
        <script src="/s/mayavocabagjQtest.js"></script>
        
    </head>
        
        <body>
            <div id="cardslots">
                <div id="draggableBlocks"></div>
                <div id="targetArea"></div>
                <div id="message">Match!</div>
                <div id="successMessage">Success!</div>
            </div>
        </body>
<br></br>
<br></br>
<center><p style="font-size:20px">Crossword Puzzle</p></center>
<br></br>
<TITLE>Crossword Puzzle</TITLE>
<br></br>
<style type="text/css">
<!--
BODY, .Clues, .GridClues { font-size: -3pt; font-family: Times New Roman,Times; }
-->
</style>
<STYLE TYPE="text/css">
<!--

div#CrosswordCompilerPuz {
    position: fixed;
    transform: scale(1.4);
    left: 22%;
    width: 700px; // Any width will be fine
    height: 700px; // Any height will be fine
}
.PuzTitle {
 font-size: 15pt; color: #800000; font-weight: bold;
 }
.CopyTag {
 font-size: 10pt; color: #000000
 }
-->
</STYLE>
<TITLE>Crossword Puzzle</TITLE>

</HEAD>

<BODY TEXT="#000000" BGCOLOR="#ffffff">

<script src="/s/raphael.js"></script>
<script src="/s/crosswordCompiler.js"></script>
<script src="/s/mayaagcw.js"></script>
<script>
$(function(){ 
$("#CrosswordCompilerPuz").CrosswordCompiler(CrosswordPuzzleData,null,    {SUBMITMETHOD:"POST",SUBMIT   :   "",PROGRESS :  "" , ROOTIMAGES: "CrosswordCompilerApp/CrosswordImages/"  } );});</script>
<div id="CrosswordCompilerPuz"></div>


<center><P><BLOCKQUOTE><A CLASS="PDFURL" HREF="testcwp.pdf">PDF</A></BLOCKQUOTE></center>

<HR>
<SPAN CLASS="CopyTag">Web page created by <A HREF="http://www.crossword-compiler.com/">Crossword Compiler</A>.</SPAN>
</BODY>
  <BODY>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta NAME="Generator" CONTENT="Crossword Compiler (www.crossword-compiler.com)">

<style type="text/css">
<!--
BODY, .Clues, .GridClues { font-size: -3pt; font-family: Times New Roman,Times; }
-->
</style>
<STYLE TYPE="text/css">
<!--
div#CrosswordCompilerPuz1 {
    position: fixed;
    transform: scale(1.0);
    left: 22%;
    width: 700px; // Any width will be fine
    height: 700px; // Any height will be fine
}
.PuzTitle {
 font-size: 15pt; color: #800000; font-weight: bold;
 }
.CopyTag {
 font-size: 10pt; color: #000000
 }
-->
</STYLE>
<TITLE>Wordsearch</TITLE>

</BODY>
<BODY TEXT="#000000" BGCOLOR="#ffffff">

<script src="/s/raphael.js"></script>
<script src="/s/crosswordCompiler.js"></script>
<script src="/s/1.js"></script>
<script>
$(function(){ $("#CrosswordCompilerPuz1").CrosswordCompiler(CrosswordPuzzleData,null,    {SUBMITMETHOD:"POST",PROGRESS :  "" , ROOTIMAGES: "CrosswordCompilerApp/CrosswordImages/"  } );});</script>
<div id="CrosswordCompilerPuz1"></div>

<HR>
</BODY>
</HTML>
  

приветствуется любой ввод

Комментарии:

1. Что не так? В чем проблема?

2. Эти 2-я и 3-я игры конфликтуют друг с другом, потому что они оба из одного компилятора