我想做的是,如果用户在正确的位置猜到正确的字母,它将以绿色输出该字母。如果用户猜测答案中的字母,但位置错误,则会以红色输出。如果用户猜测答案中没有的字母,它将以黑色输出。我正在努力弄清楚如何制作它,以便它检查该字母是否在代码中但不在正确的位置。

<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 
} 


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!