Código JavaScript referente a uma aplicação que demonstra coisas básicas tais como pegar o input do usuário etc.

exemplo_simples.js

window.addEventListener("load", function() {
	// selecionando o botão
	var linguagem = document.getElementById("linguagem");
	var nome = document.getElementById("nome");
	var botao_enviar = document.getElementById("botao_enviar");
	var area_texto = document.getElementById("area_texto");
	var abrir_geeksbr = document.getElementById("abrir_geeksbr");
	var alerta_nome = document.getElementById("alerta_nome");
	
	// função associada ao evento de clique do botão "Enviar resposta"
	function evento_botao_enviar_resposta() {
		// código que será executado caso o botão seja clicado
		var nome_temp = nome.value.trim(); // retira espaços em branco
		var so_espaco_branco = false;
		
		// verifica se a string só contém espaços em branco
		if(nome_temp.length == 0) {
			so_espaco_branco = true;
		}
		// verifica se digitou algum nome
		if(!nome.value || so_espaco_branco == true) {
			alerta_nome.innerHTML = "O campo nome deve ser preenchido!</br></br>";
			nome.value = "";
			area_texto.value = "";
			// recupera o foco para o campo do nome
			document.getElementById("nome").focus()
		} else {
			alerta_nome.innerHTML = "";
			// será mostrado na área de texto o nome digitado e a escolha da linguagem
			area_texto.value = "Nome: " + nome.value;
			area_texto.value += "\nLinguagem Favorita: " + linguagem.value;
		}
	}
	
	// adicionando evento de clique do botão "Enviar resposta"
	botao_enviar.addEventListener("click", evento_botao_enviar_resposta);
	
	// adicionando evento de tecla do botão "Enviar resposta"
	nome.addEventListener("keypress", function(e) {
		var tecla = e.keyCode;
		if(tecla == 13) { // verifica se teclou Enter
			evento_botao_enviar_resposta(); // chama a função associada ao evento de clique
		}
	});
	
	// se clicar nesse botão, então aciona a ação de abrir o site geeksbr
	botao_geeksbr.addEventListener("click", function(){
		abrir_geeksbr.click();
	});
	
});