'use strict'; const link = "https://chemistrydata.herokuapp.com/elements/"; const Title = x => { // input value to title case func() var first = x.substring(1,0).toUpperCase(); var sec = x.substring(1); return link+first+sec ; } const Speak = x => { // speak the search word func() return responsiveVoice.speak(x); } var HttpClient = function() { this.get = function(aUrl, aCallback) { var anHttpRequest = new XMLHttpRequest(); anHttpRequest.onreadystatechange = function() { if (anHttpRequest.readyState == 4 && anHttpRequest.status == 200) aCallback(anHttpRequest.responseText); } anHttpRequest.open( "GET", aUrl, true ); anHttpRequest.send( null ); } } var inp, go, speak, res1, response, loader, main; onload = () => { document.getElementById('profile').onclick = () => { return window.open('https://www.sololearn.com/Profile/12846572'); } inp = document.getElementById('inp'); go = document.getElementById('go'); res1 = document.getElementById('res1'); speak = document.getElementById('speak'); var responses = document.getElementById('response'); loader = document.getElementById('loader'); main = document.getElementById('main'); setTimeout(()=> { loader.style.display = 'none'; main.style.display = 'block'; }, 6000); go.onclick = () => { var client = new HttpClient(); if(inp.value == ''){ responses.innerHTML = `

` } else{ res1.innerHTML = inp.value; client.get(Title(inp.value), function(response) { var res = JSON.parse(response); responses.innerHTML = `

${res.summary}

_{${res.number}} ${res.symbol} ^{${res.atomic_mass}}

Chemistry app | Web version