将这个函数更改为一个函数,这样我就可以向它传递一个id-javascript
目前,我正在创建一个刽子手游戏,网页上的每个按钮都有26个不同的功能。单击按钮时,其功能将起作用。我想做的是改变这一点,所以我需要的是一个功能,所有26个按钮。以下是我目前的HTML:将这个函数更改为一个函数,这样我就可以向它传递一个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="
<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;ionclick='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
})
}