从数组

Question

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

他们在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>

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

Answer 1

要将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>