JSFiddle - React, Tailwind, and code Playground

by James Doyle

HTML

<div class="wrapper">
    <input type="checkbox" name="story1" value="story1" default /> story1<br>
    <input type="checkbox" name="story2" value="story2" /> story2<br>
    <input type="checkbox" name="story3" value="story3" /> story3<br>
    <input type="checkbox" name="story4" value="story4" /> story4
</div>
<div id="counter"></div>

CSS

.wrapper {
    margin: 20px;
    float: left;
}

#counter {
    margin: 40px;
    float: left;
    font-family: serif;
    font-size: 2em;
    color: #666;
}

JavaScript

var inputs = Array('story1','story2','story3','story4');
var counter = 0;
document.getElementById('counter').innerHTML = counter;
var x=document.getElementsByName('story1');