javascript - if else javascript中的多个isNaN

标签 javascript jquery css if-statement

所以我创建了一个 javascript,它将绘制一些 div 并根据输入的值设置它们的样式。问题是,当我试图起草一个警告时,你必须输入一个数字,而不是其他任何东西。目前我似乎根本无法让它创建数字,它只会显示该值不是数字的警告..

我的代码:

function genFigures(){
    var numberFig = numberFigInput.value;
    var widthValue = figWidthInput.value;
    var heightValue = figHeightInput.value;
    var colorValue = figRgbInput.value;
    var leftValue = figPosLeftInput.value;
    var topValue = figPosTopInput.value;

    if (numberFig >= 1001){
        alert("You need to input a value between 1 and 1000!");

    }if (isNaN(numberFigInput) && isNaN(figWidthInput) && isNaN(figWidthInput) && isNaN(figPosLeftInput) && isNaN(figPosTopInput)){
        alert("You have to insert a number!");

    }else{
        for(var amount = 0; amount < numberFig; amount++){
            myFigures.innerHTML += "<div></div>"

            var figStyle = document.getElementsByTagName("div");

            for(var i = 0; i < figStyle.length; i++){
            figStyle[i].style.width = widthValue +"px";
            figStyle[i].style.height = heightValue +"px";
            figStyle[i].style.background = "rgb(" + colorValue + ")";
            figStyle[i].style.left = leftValue +"px";
            figStyle[i].style.top = topValue +"px";

            }

        }
    }
}

最佳答案

您可能忘记了为什么要创建额外的变量 ;)

应该是

if (isNaN(numberFig) && isNaN(widthValue) && isNaN(...) && isNaN(leftValue) && isNaN(topValue)){
        alert("You have to insert a number!");

代替 ... 会有 colorValueheightValue,我不确切知道,因为你重复了 figWidthInput 两次。

关于javascript - if else javascript中的多个isNaN,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26705040/

相关文章:

javascript - 如何创建迭代有机搜索代码?我正在解析日志格式的网站文件

JavaScript 获取大约 :blank URL failed

javascript - 完全由javascript生成的网站布局是错误的吗?

javascript - AJAX调用后如何找到负责滚动的JS代码

html - 将文本放在 html 中图像旁边的顶部

css - 动画前进后过渡不起作用

javascript - Auth0 Lock中未触发认证回调函数

javascript - Vue v-on :click. native 在 JSX 中?

javascript - 如何将数据按原样提交到另一个文件

Jquery添加href而不是click事件