这是我迄今为止做的。问题是,总是出现的消息,即使没有输入值。另一件事,你可以这样做不同?如果是的话告诉我你的例子。
let jogador1 = document.querySelector('#jogador1');
let jogador2 =document.querySelector('#jogador2');
let output = document.querySelector('#output');
let value1 = jogador1.value;
let value2 = jogador2.value;
let letsCompareValues = (value1, value2) => {
if (value1 === value2 && value1 !== isNaN && value2 !==isNaN) {
msg += ' there is a match';
return output.textContent = msg;
}
}
button.addEventListener('click', letsCompareValues(value1, value2));
<div>
<label for="jogador1">Player 1</label>
<input type="text" id="jogador1">
</div>
<div>
<label for="jogador2">Player 2</label>
<input type="text" id="jogador2">
</div>
<button id="button">JOGAR</button>
问题是你之前设置的按钮单击只喜欢值:
let value1 = jogador1.value;
let value2 = jogador2.value;
因此,即使用户改变这些值..存储在Temp值value1
和value2
将永远是空的。你只需要访问按钮单击只喜欢里面那些值:
let letsCompareValues = () => {
let msg = '';
let value1 = jogador1.value;
let value2 = jogador2.value;
if (value1 === value2 && !isNaN(value1) && !isNaN(value2)) {
msg += ' there is a match';
output.textContent = msg;
return output.textContent;
} else {
output.textContent = msg;
}
}
DEMO:
let jogador1 = document.querySelector('#jogador1');
let jogador2 = document.querySelector('#jogador2');
let output = document.querySelector('#output');
let letsCompareValues = () => {
let msg = '';
let value1 = jogador1.value;
let value2 = jogador2.value;
if (value1 === value2 && !isNaN(value1) && !isNaN(value2)) {
msg += ' there is a match';
output.textContent = msg;
return output.textContent;
} else {
output.textContent = msg;
}
}
button.addEventListener('click', letsCompareValues);
<div>
<label for="jogador1">Player 1</label>
<input type="text" id="jogador1">
</div>
<div>
<label for="jogador2">Player 2</label>
<input type="text" id="jogador2">
</div>
<button id="button">JOGAR</button>
<div id="output">
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句