murilomothsin/exemplo3.html

## exemplo3.html
<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <meta charset="UTF-8" />
        <title>Hello World</title>
        <script type="text/javascript">
            window.onload = function () {
                document.getElementById("hello").addEventListener("click", function () {
                    var nome = document.getElementById("nome").value;
                    var idade = document.getElementById("idade").value;
                    var avatar = document.getElementById("avatar");
                    var mensagem = "Olá " + nome;
                    if(idade < 18){
                      mensagem = mensagem + "<br> Você não pode entrar!";
                    }else{
                      mensagem = mensagem + "<br> Sejá bem vindo!";
                    }
                    document.getElementById("msg").innerHTML = mensagem;
                    loadImage(avatar);
                });
            };
            function loadImage(avatar) {
              var selectedFile = avatar.files[0];
              var reader = new FileReader();

              var imgtag = document.getElementById("avatar_img");
              imgtag.title = selectedFile.name;

              reader.onload = function(event) {
                imgtag.src = event.target.result;
              };

              reader.readAsDataURL(selectedFile);
            }
        </script>
    </head>
    <body>
        <noscript>
            <div style="color: red;">Seu navegador não suporta JavaScript ou ele está desabilitado. </div>
        </noscript>

        <label>Nome: <input type="text" id="nome"></label>
        <label>Idade: <input type="text" id="idade"></label>
        <label>Avatar: <input type="file" id="avatar"></label>
        <button id="hello">Entrar</button>
        <br />
        <br />
        <div id="msg"></div>
        <img src="" id="avatar_img">
    </body>
</html>
	<!DOCTYPE html>
	<html lang="pt-BR">
	<head>
	<meta charset="UTF-8" />
	<title>Hello World</title>
	<script type="text/javascript">
	window.onload = function () {
	document.getElementById("hello").addEventListener("click", function () {
	var nome = document.getElementById("nome").value;
	var idade = document.getElementById("idade").value;
	var avatar = document.getElementById("avatar");
	var mensagem = "Olá " + nome;
	if(idade < 18){
	mensagem = mensagem + "<br> Você não pode entrar!";
	}else{
	mensagem = mensagem + "<br> Sejá bem vindo!";
	}
	document.getElementById("msg").innerHTML = mensagem;
	loadImage(avatar);
	});
	};
	function loadImage(avatar) {
	var selectedFile = avatar.files[0];
	var reader = new FileReader();

	var imgtag = document.getElementById("avatar_img");
	imgtag.title = selectedFile.name;

	reader.onload = function(event) {
	imgtag.src = event.target.result;
	};

	reader.readAsDataURL(selectedFile);
	}
	</script>
	</head>
	<body>
	<noscript>
	<div style="color: red;">Seu navegador não suporta JavaScript ou ele está desabilitado. </div>
	</noscript>

	<label>Nome: <input type="text" id="nome"></label>
	<label>Idade: <input type="text" id="idade"></label>
	<label>Avatar: <input type="file" id="avatar"></label>
	<button id="hello">Entrar</button>
	<br />
	<br />
	<div id="msg"></div>
	<img src="" id="avatar_img">
	</body>
	</html>