JSFiddle - React, Tailwind, and code Playground

by justforuse

HTML

<div class="container">

</div>

<input type="text" id="myInput" value="hello world">
<button onclick="myFunction()">Toggle</button>

<script>
  const input = document.querySelector('#myInput');

  function myFunction() {
    input.toggleAttribute('disabled')
  }

</script>

CSS

.container {
  height: 100px;
  width: 100px;
  background: conic-gradient(at 50% 50%, red, yellow 25%, blue 50%, green 75%);
}