javascript - 在 Javascript 中查找由颜色输入输入的值

Question

我正在尝试编写一个非常简单的颜色选择器，但我一直坚持如何获取用户在 javascript 中选择的颜色的值。这是我的代码：

<input type="color" value="#ff0000">
<script>
    const input = document.querySelector("input")
    input.addEventListener("change")
    const color = e.target.value;
    console.log(rgb);
</script>

提前致谢！

标签： javascripthtml

Answer 1

您必须添加一个处理函数，您必须在其中获取颜色：

const input = document.querySelector("input")
input.addEventListener("change", function(event){
  const color = event.target.value;
  console.log(color);
});

<input type="color" value="#ff0000">