var metal1 = document.getElementById("metal");
var nonmetal1 = document.getElementById("nonmetal");

var total = document.getElementById("total");
var subelem1 = document.getElementById("subelem1");
var subelem2 = document.getElementById("subelem2");

/*var threeplus = document.getElementsByClassName("threeplus");
var twoplus = document.getElementsByClassName("twoplus");
var threeneg = document.getElementsByClassName("threeneg");
var twoneg = document.getElementsByClassName("twoneg");*/
var option = document.getElementsByTagName("option")
var metalclass = document.getElementsByClassName("metalclass");
var nonmetalclass = document.getElementsByClassName("nonmetalclass");

var metalfield = document.getElementById("metalfield");
var nonmetalfield = document.getElementById("nonmetalfield");
var sub1 = document.getElementById("sub1");
var sub2 = document.getElementById("sub2");
var submetalfield = document.getElementById("submetalfield");
var subnonmetalfield = document.getElementById("subnonmetalfield");

function killMe() {
          switch (metal1) {
               case metal1.name === "threeplus[*]":
                    sub1.innerHTML = "Al"
                    break;
          }
}