Me pregunto cómo puedo configurar el color de este texto:
<p style="font-size: 30px; color: #222;" class="txt>Text example</p>
al valor seleccionado en esta rueda de color:
<input type="color" value="#f6f82" id="colorPicker">
Si el valor de la rueda de colores cambia, el texto debe ajustarse para que el color se establezca en el valor de la rueda de colores, ¿cómo se puede hacer esto?
Es solo cuestión de actualizar el estilo del texto al onchange la entrada.
agregue el atributo onchange al campo de input que puede llamar a un método JavaScript.
Defina el método JS para obtener el valor de la entrada y establezca el estilo de texto.
const setTextColor = (value) => { document.querySelector('.txt').style.color = value; }; <input type="color" value="#f6f82" id="colorPicker" onchange=setTextColor(value)> <p style="font-size: 30px; color: #222;" class="txt">Text example</p>