JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <div id="test_div">
  <input type="checkbox" name="test_checkbox" id="test_checkbox" onclick="check_test()"/>
  </div>
  <script>
    function check_test() {
      if(document.contains(document.getElementById("test_number"))) {
        document.getElementById("test_number").remove();
      }
      document.getElementById("test_div").innerHTML += "<input tyep='number' name='test_number' id='test_number'/>";
    }
  </script>
</html>