javascript - 如何使用 Javascript 在 <div> 标签中打印动态消息？

Question

我收到一条消息“我还剩 3 次尝试”，在此消息中“3”是动态的，默认情况下我的 <div>标签设置为 style="display:none" :

<div id="triesleft" style="display:none"></div>

我正在寻找一种在 <div> 中显示上述消息的方法动态地在选择框的 onchange 事件上..

我尝试过这个

function triesleftfunc()
{
    var size = document.getElementById('size').value.split('x');
    var sizesqft = size[0]*size[1];
    var trial = document.getElementbyId(tires).value;
    if(sizesqft >= 50 && document.getElementById('options').value == 'Stiched Finish')
    {
        document.getElementById('triesleft').innerHTML = "I have "+trial+" tries left";
        document.getElementById('triesleft').display = "block";

        document.getElementById('options').focus();
        return false;
    }
}

注意我不需要警报框，它看起来很糟糕......

Answer 1

类似这样的事情应该可以做到。

var triesLeft = 3;
document.getElementById("MySelectBox").onchange = function() {
    document.getElementById("triesleft").innerText = "You have " + triesLeft + 
                                                     " tries left.";
    document.getElementById("triesleft").style.display = "block";
    triesleft--;
}

然后只需检查 triesleft 以确保它不为零或更少。