从数组中挑选随机颜色

问题描述：

我试图编程一个按钮，它从颜色数组中随机选取一种颜色并在这四个值之间进行选择，并将颜色赋予一个新元素。从数组中挑选随机颜色

他们是在CSS中定义的类。它不能正常工作，因为我没有看到我在做什么的问题。

<script> 
    var colorArray = [ '.st1', '.st2', '.st3', '.st4']; 
    var randomColor = Math.floor(Math.random()*colorArray.length); 
    </script> 

     <label> 
     Class: <input type="text" id="new-class" value="randomColor"> 
     </label> 

    <button type="button" onclick="addObject()"> 
    Make Ball 
    </button>

任何人都可以看到我做错了什么？

设置不能使用JavaScript的变量值HTML属性这样的功能。 – Phylogenesis

你想让你的球变成随机颜色吗？ - 价值将不会在你的输入中的JavaScript ... –

这不会解决你的问题，但它是你想要的下一步...我想http://www.w3schools.com/ jsref/prop_hidden_value.asp –

答

要将JavaScript变量用作HTML值，必须将其设置为javascript。因此，要设置你的value属性，像这样做：而你需要用的代码，你在onClick

<script> 
    function addObject(){  
     var colorArray = ['.st1', '.st2', '.st3', '.st4']; 
     var randomColor = Math.floor(Math.random() * colorArray.length); 
     console.log(colorArray[randomColor]); 
     document.getElementById("new-class").className = colorArray[randomColor]; 
    } 
</script>

我将问题阅读为希望更改元素的类而不是值。 –

我刚刚向他展示了如何在他尝试使用它的地方获取变量的值。在html中，它是一个'value'属性。你可以设置任何你想要的属性 –

从数组中挑选随机颜色

相关推荐