如何在<;中打印动态消息;部门>;使用Javascript标记?

如何在<;中打印动态消息;部门>;使用Javascript标记?,javascript,Javascript,我有一条消息“我还有3次尝试”,在该消息中,“3”是动态的,默认情况下,我的标记设置为style=“display:none”: 注意,我不需要警报框,它看起来很糟糕……像这样的东西就可以了 var triesLeft = 3; document.getElementById("MySelectBox").onchange = function() { document.getElementById("triesleft").innerText = "You have " + tries

我有一条消息“我还有3次尝试”,在该消息中,“3”是动态的,默认情况下,我的
标记设置为
style=“display:none”


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

像这样的东西就可以了

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
上进行一些检查,以确保它不是零或更少。

如果您使用的是jquery,请查看插件。它支持阻止消息或咆哮类消息(非侵入性消息,例如出现在本网站上的消息)。

谢谢@peirix你能看看我更新的问题吗?我的问题与你的IDE差不多。。我的代码中需要哪些更正…我不确定我是否理解。你的代码不起作用了吗?如果你有一个新问题,你可能想发布一个新的问题,或者只是编辑你的问题以包含不起作用的内容。我觉得很好,应该是
document.getElementById('triesleft').style.display=“block”谢谢@Strelok:)你看到的愚蠢错误谢谢@Vinay,不,我没有使用jquery我不想知道你想要的是非侵入性消息还是阻塞性消息。您可以相对轻松地实现非侵入性消息—您已经在示例中实现了—您只需要添加css/js来控制消息框的位置和撤销。对于阻止消息,java脚本中的工作太多了—基本步骤包括1)在屏幕顶部创建一个占据整个屏幕的半透明层2)在该层顶部显示消息,3)处理窗口的滚动和大小调整。这就是为什么在这种情况下最好使用一些库。
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;
    }
}
var triesLeft = 3;
document.getElementById("MySelectBox").onchange = function() {
    document.getElementById("triesleft").innerText = "You have " + triesLeft + 
                                                     " tries left.";
    document.getElementById("triesleft").style.display = "block";
    triesleft--;
}