CodePen Java脚本编码帮助

Question

我正在做一个学校项目，需要一些帮助。我在CodePen.com上制作了这个绘图游戏，我需要一些java脚本方面的帮助。我会发送一个链接，这样你就可以看了。到目前为止，在底部我们有不同的颜色。我们需要画笔(鼠标(来点击一种颜色，然后用它画画。现在我们只有黑色的。当你点击一种颜色时，我们不知道如何使其反之亦然。这是链接

codepen.io/bturner5/pen/zYNMjzY

如果你找到了方法，就直接回答。或者在代码中键入并保存，然后将链接发送回

Answer 1

1. Delcare一个变量来保存color，您可以将其默认为"black">
2. 例如，向每种颜色添加一个事件侦听器以设置color变量

document.querySelector('.red').addEventListener('click', () => color = 'red')

3. 在您的drawLine事件中，请参考颜色而不是使用context.strokeStyle: 'black'

function drawLine(context, x1, y1, x2, y2) {
context.beginPath();
// context.strokeStyle = 'blue';
// context.strokeStyle = 'black';
context.strokeStyle = color; // use the variable color instead.
context.lineWidth = 1;
context.moveTo(x1, y1);
context.lineTo(x2, y2);
context.stroke();
context.closePath();
}