Untitled

<!DOCTYPE html>
<html>
<body>

Checkbox:

<input type="checkbox" name="name" id="myCheck1" value="abc">
<input type="checkbox" name="name" id="myCheck2" value="pqr">
<input type="checkbox" name="name" id="myCheck3" value="xyz">


<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>


function myFunction() {
//var x = document.getElementById("myCheck1").value;
//var y = document.getElementById("myCheck1").checked;

 var checkboxes = document.getElementsByName("name");
  console.log(checkboxes);
        var checkboxesChecked = [];

  for (var i=0; i<checkboxes.length; i++) {
   
     if (checkboxes[i].checked) {
        checkboxesChecked.push(checkboxes[i].value);
     }
  }

      console.log(checkboxesChecked);
    //document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>

// Code goes here

/* Styles go here */