我的目标是创建3个输入，您可以在其中选择立方体的颜色、大小和数量。下面的图片是我同学的期末作业，但他不给我代码。我们得到了一个开始的模板，这就是我到目前为止所拥有的。
<style>
.square {
height: 50px;
width: 50px;
background-color: var(color1);
}
</style>
<script>
function makeSquare(size, color){
var div = document.createElement("div");
div.style.display = "inline-block";
div.style.height = size+"px";
div.style.width = size+"px";
div.style.backgroundColor=color;
div.style.margin="5px";
document.body.appendChild(div);
}
function addSquares(){
if (inputColor == "blue")
var color1 = '#555';
}
</script>
</head>
<body>
<p>Number of squares:<input type="text" id="inputNumber"></p>
<p>Color of squares:<input type="text" id="inputColor"></p>
<p>Size of squares:<input type="text" id="inputSize"></p>
<button onclick=addSquares()>Add squares</button>
<div class="square"></div>
</body>
</html>
正如你可能猜到的，这不起作用，我也不知道该怎么做。。。我希望你能帮助我
例如，看看jQuery css() method。在那里，您可以添加或删除元素的css样式。我不会为你发布解决方案，因为这显然是你的家庭作业，但围绕这个主题进行研究，你可以轻松处理这项任务。
我向您展示了一种更正代码的方法，
- 我看不出你在哪里调用了makeSquare((
- 在addSquares((中，您得到inputColor的值了吗
- 您需要获取每个输入的值，并在makeSquare((中传递SIZE、COLOR(如果未提取并在早期设置(和NUMBER
- 需要循环NUMBER的时间才能在正文中获得块。在里面创建一个带有COLOR和SIZE的方形块