In this project, I have connected an API source for the Periodic Elements. I then created 12 buttons to sub-categorize the elements into their respective groups. The primary button will display all the elements in a table with their atomic number, name, mass, and element group. The smaller buttons, each named for the element group they represent, display a new table that only shows the element group. I did this by using functions that would be run when each button was clicked. The functions themselves used the $.getJSON method, then a for loop to run through the entire API, then within that I used an if statement to make sure that it was only displaying the element group it needed to. I did this to create a functional and easy interface to check which elements belong to which group at the click of a button.
My project can be found here.
CONNECT