![](/img/trans.png)
[英]How do I check whether a character in a string is a specific character in JavaScript?
[英]How do I check if a guessed character is in a string in this code?
我要嘗試做的是,如果用戶在正確的位置猜到了正確的字母,它將以綠色輸出該字母。 如果用戶猜出答案中的字母,但是在錯誤的位置,它將以紅色輸出。 而且,如果用戶猜測答案中沒有的字母,則會以黑色輸出。 我正在努力弄清楚如何制作它,以便它可以檢查字母是否在代碼中,但不在正確的位置。
<script>
var secret = 'OPIMNC';
function init(){
var button = document.getElementById('startButton');
button.onclick = myButtonClick;
}
function myButtonClick(){
var userTry = document.getElementById('userGuess').value;
var ul = document.getElementById('guessList');
var li = document.createElement('li');
for (var i=0; i < secret.length; i++) {
var found = false;
if ((userTry.charAt(i))===(secret.charAt(i))) {
li.innerHTML += userTry.charAt(i).fontcolor('green');
found = true;
}
//if character is in the code but in the wrong place, output the font in red
else if ???? {
for (var j=0; j < secret.length; j++) {
??????????????
}
found = true;
li.innerHTML += userTry.charAt(i).fontcolor('red');
else if (found===false) {
li.innerHTML += userTry.charAt(i).fontcolor('black');
}
}
ul.appendChild(li);
}
window.onload = init;
</script>
您是否研究過string.indexOf()方法?
if(secret.indexOf('[CHAR or STRING]') >= 0) {
// Character or string is within secret string
} else {
// Character or string is NOT within secret string : index == -1
}
var secret = 'ABCDEF'; function init() { var button = document.getElementById('startButton'); button.onclick = myButtonClick; } function myButtonClick() { var userTry = document.getElementById('userGuess').value; if(userTry.length !== 6){ document.getElementById('error').innerHTML = "I need 6 characters !"; return; } document.getElementById('error').innerHTML = ""; var ul = document.getElementById('guessList'); ul.innerHTML = ""; //Clear list for (var i = 0; i < secret.length; i++) { var color; if (userTry.charAt(i) === secret.charAt(i)) { //Correct index color = 'geen' } else if (secret.indexOf(userTry.charAt(i)) !== -1) { //Present but wrong index color = 'red'; } else { //Not present color = 'black'; } //Add letters to list with correct colors var li = document.createElement('li'); li.innerHTML = userTry.charAt(i).fontcolor(color); ul.appendChild(li); } } window.onload = init;
<input type="text" id="userGuess" maxlength="6"/> <button type="submit" id="startButton">Start</button> <p style="color: red;" id="error"></p> <ul id="guessList"> </ul>
好的,所以我希望代碼中的更改能夠解決問題...
<script> var secret = 'ABCDEF'; function init(){ var button = document.getElementById('startButton'); button.onclick = myButtonClick; } function myButtonClick(){ //alert('Button clicked'); var userTry = document.getElementById('userGuess').value; var ul = document.getElementById('guessList'); var li = document.createElement('li'); for (var i=0; i < secret.length; i++) { var found = false; if ((userTry.charAt(i))===(secret.charAt(i))) { //if secret code and guess are a match, display letter in green li.innerHTML += userTry.charAt(i).fontcolor('green'); found = true; } //~~~~~~~~~~~~CHANGE HERE~~~~~~~~~~~~ else { for (var j=0; j < secret.length; j++) { if ((userTry.charAt(i))===(secret.charAt(j))) { found = true; } } if (found===true) { li.innerHTML += userTry.charAt(i).fontcolor('red'); } else { //need to show user character is totally wrong li.innerHTML += userTry.charAt(i).fontcolor('black'); } } //~~~~~~~~~~~~CHANGE END~~~~~~~~~~~~ } ul.appendChild(li); alert(userTry); } window.onload = init; </script>
祝你好運!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.