JSFiddle - React, Tailwind, and code Playground

by Divine Chef

HTML

<div id="dp001">Item #1
    <input type="radio" id="abc005">
</div>
<div id="dp002">Item #2
    <input type="radio" id="abc008">
</div>
<div id="dp003">Item #3
    <input type="checkbox" id="abc010">
</div>
<div id="dp004">Item #4
    <input type="checkbox" id="abc020">
</div>
<div id="dp005">Item #5</div>
<div id="dp006">Item #6</div>
<div id="dp007">Item #7</div>
<div id="dp008">Item #8</div>
<div id="dp009">Item #9</div>
<div id="dp010">Item #10</div>
<div id="dp011">Item #11</div>
<button type="button" id="ClickBtn" onclick="DoStuff();">Click</button>

JavaScript

function DoStuff() {

      var items = null;
      var checkMe = ["abc005", "abc0008", "abc010", "abc020"];

      for (i = 1; i < 12; i++) {
          if (i < 10) {

              items = 'dp00' + i;

          } else {
              items = 'dp0' + i;
          }
      }
      alert("ding");
      document.getElementById("items").style.opacity = "0.5";
      document.getElementById("checkMe").checked = true;

  }