如何限制onclick函数仅重复一次?

时间:2019-04-05 05:19:29

标签: javascript

此代码是onclick函数的一部分。该功能应该在div中显示一些计算结果和相应的图像(“ gallerym”)。一切正常,但是当用户单击按钮多次触发onclick时,它将创建更多的div(gallerm),

我制作的仅能使该功能使用一次:this.onclick = null 但现在用户只能单击一次(此后他将不得不刷新页面以再次使用它)

我的问题是:如何确保该功能在不增加新DIVS的情况下创建相同DIV中的图像?

谢谢!

 var inputgal = document.getElementById('cmbar').value;
    if 
    (inputgal > 10 && inputgal <= 100) 
    {
    var img = document.createElement("img");
    img.src = "../images/gallery/10cmto100cmm600x600.jpg";
    var src = document.getElementById("gallerym");
    src.appendChild(img);
    }
    else if
    (inputgal > 100 && inputgal <= 1000)
    {
    var img = document.createElement("img");
    img.src = "../images/gallery/1mto10mm600x600.jpg";
    var src = document.getElementById("gallerym");
    src.appendChild(img);
    }

0 个答案:

没有答案