JSFiddle - React, Tailwind, and code Playground

by Zero Yu

HTML

<h1>
HELLO
<button>
change color
</button>
</h1>

CSS

h1 {
  color: red;
}

JavaScript

var h1 = document.querySelector('h1')
var btn = document.querySelector('button')
btn.addEventListener('click', function() {
  var r1 = randomNumber()
  var r2 = randomNumber()
  var r3 = randomNumber()
  h1.style.color = `rgb(${r1}, ${r2}, ${r3})`
  console.log(h1.style, `rgb(${r1}, ${r2}, ${r3})`)
})

function randomNumber() {
  return Math.floor(Math.random() * 255)
}