Untitled

<body>

  <div class="circle" id="red-circle">


  </div>

   <div class="circle" id="blue-circle">


  </div>

   <div class="circle" id="yellow-circle">


  </div>

  <input id="data" type=text> <button id="btn"> change </button> <br />
  <span id="gets"> this will change </span>


</body>