使用JS(和CSS / HTML)

时间:2017-07-14 15:34:16

标签: javascript html css logic display

此功能用于显示来自elementID' Keys'的用户输入。包含键盘上的特定键。

ex:qwerty中的用户类型,qwerty键在表中显示为true,所有其他键显示为false。

现在我想要一个绿色的盒子图像(elementID' a-key-true')或红色框图像(elementID' a-key-false')来覆盖键盘的图像。默认情况下,这些框设置为display:none。一旦该功能运行,它将填充表格,在键盘图像上的键上显示绿色或红色框。

什么是工作:表格中的n显示真或假

部分功能:如果n =真,则显示真实图像,如果n =假,则显示真实图像

什么是破碎:永远不会显示虚假图像

//Displays Key Status
function keyPresent() {
    var str = document.getElementById('Keys').value;
    var n = "";
    var x = document.getElementById('a-key-true');
    var y = document.getElementById('a-key-false');

    n = str.includes("a");

    //Works: Displays True or False for n in table
    document.getElementById("a").innerHTML = "a = " + n;

    //Broken: Displays True image if n=true, but also displays True image if n=false
    //Broken: Never displays false image
    if(n=true){
        y.style.display = 'none';
        x.style.display = 'block';
    }
    else {
        x.style.display = 'none';
        y.style.display = 'block';
    }
}

0 个答案:

没有答案