将这个函数更改为一个函数,这样我就可以向它传递一个id-javascript

将这个函数更改为一个函数,这样我就可以向它传递一个id-javascript,javascript,function,for-loop,Javascript,Function,For Loop,目前,我正在创建一个刽子手游戏,网页上的每个按钮都有26个不同的功能。单击按钮时,其功能将起作用。我想做的是改变这一点,所以我需要的是一个功能,所有26个按钮。以下是我目前的HTML: <a href="#" id="A" onclick="A(event)">A</a> <a href="#" id="B" onclick="B(event)">B</a> <a href="

目前,我正在创建一个刽子手游戏,网页上的每个按钮都有26个不同的功能。单击按钮时,其功能将起作用。我想做的是改变这一点,所以我需要的是一个功能,所有26个按钮。以下是我目前的HTML:

           <a href="#" id="A" onclick="A(event)">A</a>
           <a href="#" id="B" onclick="B(event)">B</a>
           <a href="#" id="C" onclick="C(event)">C</a>
           <a href="#" id="D" onclick="D(event)">D</a>
           <a href="#" id="E" onclick="E(event)">E</a>
           <a href="#" id="F" onclick="F(event)">F</a>
           <a href="#" id="G" onclick="G(event)">G</a>
           <a href="#" id="H" onclick="H(event)">H</a>

           <a href="#" id="I" onclick="I(event)">I</a>
           <a href="#" id="J" onclick="J(event)">J</a>
           <a href="#" id="K" onclick="K(event)">K</a>
           <a href="#" id="L" onclick="L(event)">L</a>
           <a href="#" id="M" onclick="M(event)">M</a>

           <a href="#" id="N" onclick="N(event)">N</a>
           <a href="#" id="O" onclick="O(event)">O</a>
           <a href="#" id="P" onclick="P(event)">P</a>
           <a href="#" id="Q" onclick="Q(event)">Q</a>
           <a href="#" id="R" onclick="R(event)">R</a>
           <a href="#" id="S" onclick="S(event)">S</a>
           <a href="#" id="T" onclick="T(event)">T</a>
           <a href="#" id="U" onclick="U(event)">U</a>

           <a href="#" id="V" onclick="V(event)">V</a>
           <a href="#" id="W" onclick="W(event)">W</a>
           <a href="#" id="X" onclick="X(event)">X</a>
           <a href="#" id="Y" onclick="Y(event)">Y</a>
           <a href="#" id="Z" onclick="Z(event)">Z</a>

以下是我的Javascript:

function A(event) {

   if (event.target.classList.contains("disabled")) {

     event.preventDefault();

   }

   document.getElementById("A").style.opacity = "0.5";

   event.target.classList.add("disabled");

   for (var letter = 0; letter <= randomWord.length - 1; letter++) {

     if (randomWord[letter] === "a") {

       document.getElementById("letter_" + letter).innerHTML = "A";

       if (oneClick === true) {

         score = score + 1;

         oneClick = false;

       }

       document.getElementById("Score").innerHTML = score;

     } else if (randomWord.indexOf("a") == -1 && hasLooped === true) {

       if (oneClick === true) {

         score = score + 1;

         oneClick = false;

       }

       document.getElementById("Score").innerHTML = score;

       hasLooped = false;

       mistakesLeft = mistakesLeft - 1;

       document.getElementById("attempsLeft").innerHTML = mistakesLeft;

       console.log(mistakesLeft);

       if (mistakesLeft == 7) {

         document.getElementById("part-1").style.display = "block";

       }

        else if (mistakesLeft == 6) {

         document.getElementById("part-2").style.display = "block";

       } else if (mistakesLeft == 5) {
         document.getElementById("part-3").style.display = "block";
       } else if (mistakesLeft == 4) {
         document.getElementById("part-4").style.display = "block";
       } else if (mistakesLeft == 3) {
         document.getElementById("part-5").style.display = "block";
       } else if (mistakesLeft == 2) {
         document.getElementById("part-6").style.display = "block";
       } else if (mistakesLeft == 1) {
         document.getElementById("part-7").style.display = "block";
       } else {
         document.getElementById("part-8").style.display = "block";
       }
     }
   }
 }
功能A(事件){
if(event.target.classList.contains(“disabled”)){
event.preventDefault();
}
document.getElementById(“A”).style.opacity=“0.5”;
event.target.classList.add(“禁用”);
对于(变量字母=0;字母
将此更改为函数,以便我可以向其中传递id

就像你说的,“把身份证传进去”


您甚至不需要
id
。只需传入
this
,就可以获得您的元素。

您还可以通过
addEventListener
之类的方式附加函数

HTML


JS

var allButtons = document.getElementsByClassName('gamebutton');
//-------------as given in a tag as class----------^^^^
for(var i=0; i<allButtons.length; i++;){
    allButtons[i].addEventListener('click', function (event){
        //the single function by which your game would be executed
        executeFunction(event, this.id);
        //the id(eg:- A, B, C)----^^^-- depends
        // on click is passing
    })
}
var allButtons=document.getElementsByClassName('gamebutton');
//-------------在标记as类中给出----------^^^^

对于(var i=0;i
onclick='letterClicked(event,letter)
?但是Javascript的其余部分呢?记住这个函数是针对字母A的。例如,我会在这里更改什么:if(randomWord[letter]==“A”){我可以用什么替换A?
var allButtons = document.getElementsByClassName('gamebutton');
//-------------as given in a tag as class----------^^^^
for(var i=0; i<allButtons.length; i++;){
    allButtons[i].addEventListener('click', function (event){
        //the single function by which your game would be executed
        executeFunction(event, this.id);
        //the id(eg:- A, B, C)----^^^-- depends
        // on click is passing
    })
}