JSFiddle - React, Tailwind, and code Playground

by bohdantheone

HTML

<html>
 <head>
  <title>Тег DIV</title>
     
  <script language="JavaScript"> 
function delcheck()
{ 
      var inputs = document.getElementsByTagName('input');
      array = [];
      ardiv = [];
      var m1=[];
      var m2=[];
      var summ=0;
      for(var i = 0; i < inputs.length; i++) {
          if(inputs[i].type === 'checkbox' && inputs[i].checked) {
          array.push(inputs[i].id)
         
      }
   }
   if( array.length!=0)
      {alert(array)}
         else          
             {alert('Сообщения не отмечены!');}


      var divs = document.getElementsByTagName('div');
      for(var j = 0; j < divs.length; j++) {
         ardiv.push(divs[j].id);}
         
      
      for(var k=0;k<inputs.length-1;k++){
                      if(array[k]==ardiv[k]){
      summ++;
      }
      }
      
      alert(summ);
      }
</script>
      
    </head>
 <body>
<table border=1>
<tr>
<td>
 
 <input type="checkbox" name="option1" value="a1" id="id1"> Удалить1<br>
 <input type="checkbox" name="option2" value="a2" id="id2"> Удалить2<br>
 <input type="checkbox" name="option3" value="a3" id="id3"> Удалить3<br> 
 <input type="checkbox" name="option4" value="a4" id="id4"> Удалить4<br> 
 <input type="checkbox" name="option5" value="a5" id="id5"> Удалить5
    
</td><td width="100" align="right">
    <div id="id1">Блок1</div>
    <div id="id2">Блок2</div>
    <div id="id3">Блок3</div>
    <div id="id4">Блок4</div>
    <div id="id5">Блок5</div>
   
    </td>
</tr>
</table>
     <input type="button" onclick="delcheck()" value="DELETE">
    </body>
</html>