Directions: Paste the list of Chromebooks into the textbox (separated by newline). Then, scan the Chromebook SN into the first input. If the Chromebook is found in the list, it will be deleted. If not, it will alert you.


<br><br>
<input id="id" autocomplete="off"> Chromebook SN<br><br>
<input type="number" id="length" value=22> Number of Characters in SN (22 for most UD models except for Lenovo Chromebooks)<br><br>
<input type="number" id="iLength" value=11> Invalid length (leave this alone unless you know what you're doing)<br><br>


<span style="position:relative;left:10%;">A</span>
<span style="position:relative;left:35%;">B</span>
<span style="position:relative;left:60%;">C</span>
<span style="position:relative;left:85%;">D</span>

<br>
<textarea id="A" style="width:23%;height:50%;"></textarea><span style="opacity:0;user-select:none;">____</span>
<textarea id="B" style="width:23%;height:50%;"></textarea><span style="opacity:0;user-select:none;">____</span>
<textarea id="C" style="width:23%;height:50%;"></textarea><span style="opacity:0;user-select:none;">____</span>
<textarea id="D" style="width:23%;height:50%;"></textarea><br>
<table style="width:100%;">

<tr>
<td><center><span id="numA">Chromebooks left: 0</span></center></td>
<td><center><span id="numB">Chromebooks left: 0</span></center></td>
<td><center><span id="numC">Chromebooks left: 0</span></center></td>
<td><center><span id="numD">Chromebooks left: 0</span></center></td>
</tr>

</table>




<br><br>
<div id="which">Last Chromebook: Z<div>

<script>
document.title = "Chromebook Sorter";
var inputVal = document.getElementById('id').value;
var letters = ["A", "B", "C", "D"];

document.addEventListener('keyup', function(e){
  for (let x in letters){
    if (document.activeElement == document.getElementById(letters[x])){
      let ta = document.getElementById(letters[x]).value;
      ta = ta.split("\n");
      document.getElementById('num' + letters[x]).innerText = "Chromebooks Left: " + ta.length;
      return;
    }
  }
  
  if (e.keyCode != 13)
    return;
  if (document.getElementById('id').value.length == document.getElementById('iLength').value){
    document.getElementById('id').value = "";
    alert("Invalid");
    return;
  }
  
  inputVal = document.getElementById('id').value;
  if (inputVal.length == document.getElementById('length').value){
    for (var e in letters){
      let total = document.getElementById(letters[e]).value;
      let totalArr = total.split('\n');
      let found = false;
      for (var i in totalArr){
        if (totalArr[i] == inputVal){
          totalArr.splice(i, 1);
          document.getElementById(letters[e]).value = totalArr.join('\n');
          found = true;
          document.getElementById('id').value = "";
          document.getElementById('num' + letters[e]).innerText = "Chromebooks Left: " + totalArr.length;
        }
      }
      if (found){
        document.getElementById('which').innerText = "Last Chromebook: " + letters[e];
        return;
      }
    }
    
    
  }
});

</script>