JSFiddle - React, Tailwind, and code Playground

by Nightythehawk

HTML

<select id="module1" name="mod1"></select>
<select id="module2" name="mod2"></select>

JavaScript

var tier = 4;
var ID = 5;
var sclass = 0;


var tier2 = tier - 1;
let dropdown = document.getElementById('module1');
dropdown.length = 0;
let dropdown2 = document.getElementById('module2');
dropdown2.length = 0;

let defaultOption = document.createElement('option');
defaultOption.text = 'Module';

let defaultOption2 = document.createElement('option2');
defaultOption.text = 'Module2';

dropdown.add(defaultOption);
dropdown.selectedIndex = 0;

dropdown2.add(defaultOption);
dropdown2.selectedIndex = 0;

const url = 'https://aad.wtf/api/modules';

fetch(url)  
  .then(  
    function(response) {  
      if (response.status !== 200) {  
        console.warn('Status Code: ' + 
          response.status);  
        return;  
      }

      // Examine the text in the response  
      response.json().then(function(data) {  
        let option;
    
for (let i = 0; i < data.length; i++) {
          option = document.createElement('option');
       
      	  if ((data[i].tier == tier || data[i].tier == tier2) && data[i].type.dbId == 2 )
         {
           if(option.text !== undefined && option.text !== null)
           {
           option.text = data[i].name;
             dropdown.add(option);
           }
      	 }
    	}  
      });  
      }
      )
 const url2 = 'https://aad.wtf/api/modules';
  fetch(url2)  
  .then(  
    function(response2) {  
      if (response2.status !== 200) {  
        console.warn('Status Code: ' + 
          response2.status);  
        return;  
      }
      response2.json().then(function(data2) {  
        let option2;
    
for (let o = 0; o < data2.length; o++) {
          option2 = document.createElement('option2');
       
      	  if ((data2[o].tier == tier || data2[o].tier == tier2) && data2[o].type.dbId == 2 )
         {
           if(option2.text !== undefined && option2.text !== null)
           {
           option2.text = data2[o].name;
             dropdown2.add(option2);
           }
      	 }
    	}  
      });   

      
   ...