key event, add elements

by yshrkn

HTML

<input id="pwd" placeholder="your password" type="password">

CSS

#pwd {
  padding: 10px;
}

JavaScript

/**
 * "javascript" というパスワードが入力された状態で、
 * [Enter] キーを押し下げしたときに、
 * "Logged In." というテキストが表示されるようにしてください。
 */

var massage = "Logged In.";
var pwdForm = document.getElementById('pwd');

pwdForm.addEventListener('keydown', function(e) {
	var isEnterKey = e.keyCode === 13 ? true : false;
	var isUser = pwdForm.value === "javascript" ? true : false; 
  


  if (isEnterKey && isUser) {
    var message = document.createTextNode(massage);
		var massageElement = document.createElement("p");
    massageElement.appendChild(message);
 
    document.getElementsByTagName("body")[0].appendChild(massageElement);
  }
});