利用input做一个颜色选择器即时渲染

如何利用input做一个颜色选择器，即时渲染！下面web建站小编给大家介绍一下实现代码！

html代码：

<input id="color" type="color" value="配色">
<span id="text">颜色变化</span>

js代码：

var color = document.getElementById('color');
color.addEventListener('input', function() {
  const text = document.getElementById('text')
  text.style.color = color.value
});