1 <div2 id="text"3 contentEditable4 style="font-size: 200px; color: blue; font-family: sans-serif;"5 >Hello</div>6 <div id="colorSelector"></div>7 8 <script>9 10 var text = document.getElementById('text');11 12 var colorSelector = document.getElementById('colorSelector');13 var colors = ['red', 'green', 'blue', 'orange', 'yellow', 'purple', 'pink', 'black', 'white'];14 colors.forEach(color => {15 var c = document.createElement('div');16 c.setAttribute('class', 'color');17 c.style.backgroundColor = color;18 c.addEventListener('click', function(e){19 text.style.color = color;20 text.focus();21 }, true);22 colorSelector.appendChild(c);23 });24 25 </script>Enlace
El enlace para compartir es: