JSFiddle - React, Tailwind, and code Playground
HTML
<h1>Mass Shootings By State</h1>
<br>
<form id="largeform">
<select id="statedropdown">
<option value="0">Choose State:</option>
<option value="Alabama">Alabama</option>
<option value="Alaska">Alaska</option>
<option value="Arizona">Arizona</option>
<option value="Arkansas">Arkansas</option>
<option value="California">California</option>
<option value="Colorado">Colorado</option>
<option value="Connecticut">Connecticut</option>
<option value="Delaware">Delaware</option>
<option value="Florida">Florida</option>
<option value="Georgia">Georgia</option>
<option value="Hawaii">Hawaii</option>
<option value="Idaho">Idaho</option>
<option value="Illinois">Illinois</option>
<option value="Indiana">Indiana</option>
<option value="Iowa">Iowa</option>
<option value="Kansas">Kansas</option>
<option value="Kentucky">Kentucky</option>
<option value="Louisiana">Louisiana</option>
<option value="Maine">Maine</option>
<option value="Maryland">Maryland</option>
<option value="Massachusetts">Massachusetts</option>
<option value="Michigan">Michigan</option>
<option value="Minnesota">Minnesota</option>
<option value="Mississippi">Mississippi</option>
<option value="Missouri">Missouri</option>
<option value="Montana">Montana</option>
<option value="Nebraska">Nebraska</option>
<option value="Nevada">Nevada</option>
<option value="New Hampshire">New Hampshire</option>
<option value="New Jersey">New Jersey</option>
<option value="New Mexico">New Mexico</option>
<option value="New York">New York</option>
<option value="North Carolina">North Carolina</option>
<option value="North Dakota">North Dakota</option>
<option value="Ohio">Ohio</option>
<option value="Oklahoma">Oklahoma</option>
...
JavaScript
let mjdata = [{
State: 'Alabama',
Case: 1,
Fatalities: 101,
Injured: 2,
total_victims: 13
}, {
State: 'Alaska',
Case: 5,
Fatalities: 12,
Injured: 3,
total_victims: 513
}, {
State: 'Alabama',
Case: 2,
Fatalities: 3,
Injured: 999,
total_victims: 1
}];
document.getElementById("largeform").onchange = function() {
let j = 0,
state = document.getElementById("statedropdown").value;
document.getElementById("answer4").innerHTML = " ";
for (let i = 0; i < mjdata.length; i++) {
if (state == mjdata[i].State) {
document.getElementById("answer4").innerHTML += "<tr><td>" + mjdata[i].Case + "</td><td>" + mjdata[i].State + "</td><td>" + mjdata[i].Fatalities + "</td><td>" + mjdata[i].Injured + "</td><td>" + mjdata[i].total_victims + "</td></tr>";
j = j + 1;
}
}
document.getElementById("answer5").innerHTML = j;
}