修改JavaScript代码使a与b匹配，而不是a与a匹配？

如何创建一个语言/词汇匹配游戏，如下面的游戏，以便将图像a与单词（或图像b）匹配，而不是将图像a与自身匹配

或者，如何操作此游戏的代码（下面的链接），使其不匹配a到a，而是匹配a到b

<SCRIPT LANGUAGE="JavaScript" SRC="../../retour.js"></SCRIPT><STYLE type="text/CSS">.bouton { border-top-width:2;  border-bottom-width:2;  border-left-width:2px;  border-right-width:2;border-style:solid;border-color:#CCCCCC;width:46px;height:46px; background:#FFFFFF url(../../img/assoMemi/invisibl.gif) no-repeat center;}
.essai {  font-size:1em; font-family:Verdana,Arial,sans-serif;color:#FFFFFF;background:#0A3F8E;border-top-width:0;  border-bottom-width:0;  border-left-width:0px;  border-right-width:0}
#boutonImage0 { background-image:url(../../img/assoMemi/cirque/image1.gif);}
#boutonImage1 { background-image:url(../../img/assoMemi/cirque/image2.gif); }
#boutonImage2 { background-image:url(../../img/assoMemi/cirque/image3.gif); }
#boutonImage3 { background-image:url(../../img/assoMemi/cirque/image4.gif); }
#boutonImage4 { background-image:url(../../img/assoMemi/cirque/image5.gif); }
#boutonImage5 { background-image:url(../../img/assoMemi/cirque/image6.gif); }
#boutonImage6 { background-image:url(../../img/assoMemi/cirque/image7.gif); }
#boutonImage7 { background-image:url(../../img/assoMemi/cirque/image8.gif); }
#boutonImage8 { background-image:url(../../img/assoMemi/cirque/image9.gif); }
#boutonImage9 { background-image:url(../../img/assoMemi/cirque/image10.gif); }
#boutonImage10 {background-image:url(../../img/assoMemi/cirque/image11.gif); }
#boutonImage11 { background-image:url(../../img/assoMemi/cirque/image12.gif); }
#boutonImage12 { background-image:url(../../img/assoMemi/cirque/image13.gif);}
#boutonImage13 { background-image:url(../../img/assoMemi/cirque/image14.gif); }
#boutonImage14 { background-image:url(../../img/assoMemi/cirque/image15.gif); }
#boutonImage15 { background-image:url(../../img/assoMemi/cirque/image16.gif); }
#boutonImage16 { background-image:url(../../img/assoMemi/cirque/image17.gif); }
#boutonImage17 { background-image:url(../../img/assoMemi/cirque/image18.gif); }
#boutonImage18{ background-image:url(../../img/assoMemi/cirque/image19.gif); }
#boutonImage19 { background-image:url(../../img/assoMemi/cirque/image20.gif); }
#boutonImage20 { background-image:url(../../img/assoMemi/cirque/image21.gif); }
#boutonImage21 { background-image:url(../../img/assoMemi/cirque/image22.gif); }
#boutonImage22 { background-image:url(../../img/assoMemi/cirque/image23.gif); }
#boutonImage23 { background-image:url(../../img/assoMemi/cirque/image24.gif); }
#boutonImage24 { background-image:url(../../img/assoMemi/cirque/image25.gif); }
#boutonImage25 { background-image:url(../../img/assoMemi/cirque/image26.gif); }
#boutonImage26 { background-image:url(../../img/assoMemi/cirque/image27.gif); }
#boutonImage27 { background-image:url(../../img/assoMemi/cirque/image28.gif); }
#boutonImage28 { background-image:url(../../img/assoMemi/cirque/image29.gif); }
#boutonImage29 { background-image:url(../../img/assoMemi/cirque/image30.gif); }
#boutonImage30 { background-image:url(../../img/assoMemi/cirque/image31.gif); }
#boutonImage31 { background-image:url(../../img/assoMemi/cirque/image32.gif); }
#boutonImage32 { background-image:url(../../img/assoMemi/cirque/image33.gif); }#boutonCarte { background-image:url(../../img/assoMemi/invisibl.gif); }</STYLE><BGSOUND ID="fondSon"><SCRIPT><!--

//Régine B-D ; 24/02/03 
//http://perso.wanadoo.fr/jeux.lulu/
//Tous droits réservés


var nbCartes=66;
//charger "gagné"
var gagnes = new Array(5);
for (i=0; i<=4; i++) {
    gagnes[i]= new Image;
    gagnes[i].src="../../img/gagne"+i+".gif";
}
//test=0 joueur a la main; =1 non
var test=1;
//etat=0 pas de carte reournée; =1 1 carte ; =2 2 cartes
var etat=0;
//numero des cartes sélectionnées
var retournees=new Array (-1,-1);
//numero des boutons sélectionnés
var selectiones=new Array (-1,-1);
var cartes = new Array(nbCartes);
var lesImages = new Array(nbCartes/2);
for (i=0; i<nbCartes/2; i++) {
    lesImages[i]= new Image;
    lesImages[i].src="../../img/assoMemi/cirque/image"+i+".gif";
}
var couleurBoutonD="#FFFFFF";
var bons=0;
var essais=0;
var nbFois=0;
var nbErreurs=0;
var nbTemps=0;

function depart0() {
    t1=setTimeout("rien()",1);
    t2=setTimeout("rien()",1);
    for (i=0; i<nbCartes; i++) {
        if (i<nbCartes/2) {
            cartes[i]=i;
        } else {
            cartes[i]=i-nbCartes/2+100;
        }
    }
    depart();
}

function rien() {
}

function depart() {
    test=1;
    clearTimeout(t1);
    clearTimeout(t2);
    document.Formu.Message.value="";
    for (i=0; i<nbCartes; i++) {
        boutonDepart(i);
    }
    for (i=0; i<=25; i++) {
        document.images["caseEr"+i].src="../../img/assoMemi/invisibl.gif";
    }
    nbErreurs=0
    melange();
    for (i=0; i<2; i++) {
        retournees[i]=-1;
        selectiones[i]=-1;
    }
    //effacer tableau gagné
    for (i=0; i<=4; i++) {document.images["gagne"+i].src="../../img/assoMemi/invisibl.gif";}
    test=0;
    etat=0;
    bons=0;
    document.Formu.elements["secondes"].value="";
    essais=0;
    for (i=0; i<nbCartes; i++) {
        boutonMontre(i);
    }
    nbTemps=0
    t2=setTimeout("temps()",1500);
}

function temps() {
    nbTemps+=1;
    if (nbTemps<2) {sec=" seconde"} else {sec=" secondes"}
    document.Formu.elements["secondes"].value="Temps : "+nbTemps+sec;
    t2=setTimeout("temps()",1000);
}

function boutonDepart(x) {
        document.Formu.elements["base"+x].value="";
        document.Formu.elements["base"+x].style.visibility="visible";
        document.Formu.elements["base"+x].id="boutonCarte";
        document.Formu.elements["base"+x].style.backgroundColor=couleurBoutonD;
        document.Formu.elements["base"+x].style.borderColor="#CCCCCC";
}

function boutonCache(x) {
        document.Formu.elements["base"+x].style.borderColor="#CCCCCC";
}

function boutonMontre(x) {
        test=1;
        if (retournees[0]!=retournees[1]) {
            document.Formu.elements["base"+x].style.borderColor="#FF0000";
        }
        if (cartes[x]<100) {
            document.Formu.elements["base"+x].id="boutonImage"+cartes[x];
            test=0
        } else {
            document.Formu.elements["base"+x].id="boutonImage"+(cartes[x]-100);
            test=0;
        }
}

function boutonMontreBons(x) {
        document.Formu.elements["base"+x].style.borderColor="#FF0000";
}

function boutonDisparait(x) {
    document.Formu.elements["base"+x].style.visibility="hidden";    
}

function choix(x) {
    if (test==0 && x!=selectiones[0] && x!=selectiones[1]) {
        if (etat<2) {
            retournees[etat]=cartes[x]%100;
            selectiones[etat]=x;
            etat+=1;
            boutonMontre(x);
            if (etat==1) {          
                essais+=1;
                //document.Formu.elements["nbEssais"].value="Nombre d'essais : "+essais;
            }
            if (retournees[0]==retournees[1]) {
                test=1;
                boutonMontreBons(selectiones[0]);
                boutonMontreBons(selectiones[1]);
                bons+=1;
                //t1=setTimeout ("suite()",200);
                suite()
            } else {
                if (etat==2) {
                    document.images["caseEr"+nbErreurs].src="../../img/sequenti/non.gif";
                    nbErreurs+=1;
                    if (nbErreurs>25) {nbErreurs=25}
                }       
            }
        } else {
            etat=0;
            for (i=0; i<2; i++) {
                if (retournees[0]==retournees[1]) {
                    boutonDisparait(selectiones[i]);
                } else {
                    boutonCache(selectiones[i])
                }
            }
            for (i=0; i<2; i++) {
                retournees[i]=-1;
                selectiones[i]=-1;
            }
            choix(x);
        }
    } else {
        if (test==0 && (x==selectiones[0] || x==selectiones[1]) ) {
            boutonMontre(x);
        }
    }
}

function suite() {
        boutonDisparait(selectiones[0]);
        boutonDisparait(selectiones[1]);        
        if (bons==nbCartes/2) {
            clearTimeout(t2);
            gagnperd("gagne");
            nbFois+=1;
            document.Formu.Message.value=nbFois+" fois";
        } else {
            test=0;
        }
}

function melange() {
    for (i=0; i<nbCartes; i++) {
        n1=Math.floor(Math.random()*nbCartes);
        n2=Math.floor(Math.random()*nbCartes);
        while (n2==n1) {n2=Math.floor(Math.random()*nbCartes);}
        n=cartes[n1];
        cartes[n1]=cartes[n2];
        cartes[n2]=n;
    }
}

function gagnperd(x) {
    for (i=0; i<=4; i++) {
            document.images["gagne"+i].src=gagnes[i].src;
    }
}
//--></SCRIPT>
<script type="text/javascript">
//<![CDATA[
var gs_d=new Date,DoW=gs_d.getDay();gs_d.setDate(gs_d.getDate()-(DoW+6)%7+3);
var ms=gs_d.valueOf();gs_d.setMonth(0);gs_d.setDate(4);
var gs_r=(Math.round((ms-gs_d.valueOf())/6048E5)+1)*gs_d.getFullYear();
var gs_p = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cscript src='" + gs_p + "s.gstat.orange.fr/lib/gs.js?"+gs_r+"' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>
</HEAD>
<BODY BGCOLOR="#0A3F8E" onload="depart0();">
<P><FORM ACTION="" METHOD=POST name=Formu>
   <CENTER><A NAME=jeu></A><SCRIPT LANGUAGE=JavaScript><!--

var lignes = 6;
var colonnes = 11;  
document.write("<table bgcolor='' bordercolor='' ");
document.write("align=center border=0 cellpadding=4 cellspacing=0>");
for (i = 0; i < lignes; i++) {
    document.write("<TR>");
    for (j = 0; j < colonnes; j++) {
            document.write("<td><INPUT TYPE=button NAME=base"+(colonnes*i+j)+" VALUE='' class=bouton onmousedown='choix("+(colonnes*i+j)+");'></td>");
    }
    document.write("</TR>");
}
document.write("</table>");


//--></SCRIPT>

.bouton{边框顶部宽度：2；边框底部宽度：2；边框左侧宽度：2px；边框右侧宽度：2；边框样式：纯色；边框颜色：CCCCCC；宽度：46px；高度：46px；背景：#ffffffff url（../../img/assoMemi/invisible.gif）无重复中心；}
.essai{字体大小：1em；字体系列：Verdana，Arial，无衬线；颜色：#FFFFFF；背景：#0A3F8E；边框顶宽：0；边框底宽：0；边框左宽：0px；边框右宽：0}
#boutonImage0{背景图像：url（../../img/assoMemi/cirque/image1.gif）；}
#boutonImage1{背景图像：url（../../img/assoMemi/cirque/image2.gif）；}
#boutonImage2{背景图像：url（../../img/assoMemi/cirque/image3.gif）；}
#boutonImage3{背景图像：url（../../img/assoMemi/cirque/image4.gif）；}
#boutonImage4{背景图像：url（../../img/assoMemi/cirque/image5.gif）；}
#boutonImage5{背景图像：url（../../img/assoMemi/cirque/image6.gif）；}
#boutonImage6{背景图像：url（../../img/assoMemi/cirque/image7.gif）；}
#boutonImage7{背景图像：url（../../img/assoMemi/cirque/image8.gif）；}
#boutonImage8{背景图像：url（../../img/assoMemi/cirque/image9.gif）；}
#boutonImage9{背景图像：url（../../img/assoMemi/cirque/image10.gif）；}
#boutonImage10{背景图像：url（../../img/assoMemi/cirque/image11.gif）；}
#boutonImage11{背景图像：url（../../img/assoMemi/cirque/image12.gif）；}
#boutonImage12{背景图像：url（../../img/assoMemi/cirque/image13.gif）；}
#boutonImage13{背景图像：url（../../img/assoMemi/cirque/image14.gif）；}
#boutonImage14{背景图像：url（../../img/assoMemi/cirque/image15.gif）；}
#boutonImage15{背景图像：url（../../img/assoMemi/cirque/image16.gif）；}
#boutonImage16{背景图像：url（../../img/assoMemi/cirque/image17.gif）；}
#boutonImage17{背景图像：url（../../img/assoMemi/cirque/image18.gif）；}
#boutonImage18{背景图像：url（../../img/assoMemi/cirque/image19.gif）；}
#boutonImage19{背景图像：url（../../img/assoMemi/cirque/image20.gif）；}
#boutonImage20{背景图像：url（../../img/assoMemi/cirque/image21.gif）；}
#boutonImage21{背景图像：url（../../img/assoMemi/cirque/image22.gif）；}
#boutonImage22{背景图像：url（../../img/assoMemi/cirque/image23.gif）；}
#boutonImage23{背景图像：url（../../img/assoMemi/cirque/image24.gif）；}
#boutonImage24{背景图像：url（../../img/assoMemi/cirque/image25.gif）；}
#boutonImage25{背景图像：url（../../img/assoMemi/cirque/image26.gif）；}
#boutonImage26{背景图像：url（../../img/assoMemi/cirque/image27.gif）；}
#boutonImage27{背景图像：url（../../img/assoMemi/cirque/image28.gif）；}
#boutonImage28{背景图像：url（../../img/assoMemi/cirque/image29.gif）；}
#boutonImage29{背景图像：url（../../img/assoMemi/cirque/image30.gif）；}
#boutonImage30{背景图像：url（../../img/assoMemi/cirque/image31.gif）；}
#boutonImage31{背景图像：url（../../img/assoMemi/cirque/image32.gif）；}
#boutonImage32{背景图像：url（../../img/assoMemi/cirque/image33.gif）；}boutonCarte{背景图像：url（../../img/assoMemi/invisible.gif）；}
//

嗯，有一个简单的方法

为图像/文字指定一个特殊的id或编号。
然后，在选择image/word时比较两个id。
链接中的游戏是您的游戏吗，您是否计划修改它？如果你能把你要修改的代码发布在这里或者JSFIDLEDIT现在就显示代码…@LcLk-有什么想法吗？1）将图像与单词匹配，2）记录点击时出错的次数？对不起，我帮不上忙。你从未说过这是你的代码，你粘贴的代码直接来自你提到的网站。我也很难理解，因为我不会说法语。我的建议是不要复制代码，而是编写自己的实现。这样做你会学到很多东西。如果你在用词匹配图片方面仍然有问题，问一个新问题，然后按照SO的指导原则为你的回答写一封感谢信，这就是我的问题所在，似乎无法解决。嗨，多亏了@Dexter Cheong han Sang，我已经找到了如何匹配图片a和图片B的方法，现在我不知道如何将图像与单词匹配，因为我无法将它们写入CSS（与图像不同），而且我无法将其写入javascript，也无法在html中进行匹配，因为单词将位于按钮内部。有没有关于编码的想法使之成为可能@LcLK@卡雷尔？此外，我如何修改它，以便在单击错误匹配时，计算错误的数量并在发生时显示在屏幕上？谢谢你的帮助。