var word = document.getElementById('word'); var userPWD = document.getElementById("userPWD"); var msg = document.getElementById("msg"); var showResult = document.getElementById("showResult"); var userName = document.getElementById("userName"); var delMsg = document.getElementById("delMsg"); word.addEventListener('click', function() { document.getElementsByTagName('p')[3].style.cssText= "color: blue; font-size: 25px"; }, false); userPWD.addEventListener('blur', checkNum, false); function checkNum() { if (this.value.length !=8) msg.textContent='Unsuccessful! Password is limited to 8 characters.'; else showResult.addEventListener('click', function(e) { e.preventDefault(); window.alert(userName.value + '\n' + userPWD.value); }, false); }; delMsg.addEventListener('click', delMessage, false); function delMessage() { msg.textContent=''; };