diff --git a/estilo.css b/estilo.css new file mode 100644 index 0000000..1e160fc --- /dev/null +++ b/estilo.css @@ -0,0 +1,53 @@ +body{ + background: rgb(28, 69, 218); + font: normal 15pt Arial; +} + +header{ + color: white; + text-align: center; +} + +section{ + background: rgb(21, 198, 77) ; + border-radius: 10px; + padding: 15px; + width: 500px; + margin: auto; + box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.674); +} + +footer{ + color: white; + text-align: center; + font-style: italic; + padding: 15px; + font-size: 14px; +} +div#cont{ + text-align: center; +} +#btn{ + background-color: rgb(251, 252, 251); + border-radius: 10px; + font-size: 19px; +} +#btn:hover{ + background-color: rgb(47, 179, 20); + color: white; +} +#txtano{ + border-radius: 10px; + text-shadow: none; +} +#cont p{ + color: white; + text-shadow: 1px 1px 6px black; + font-size: 20px; +} +#res{ + color: white; + text-shadow: 2px 2px 6px black; + text-align: center; + font-size: 16px; +} \ No newline at end of file diff --git a/hAdult.png b/hAdult.png new file mode 100644 index 0000000..20addc7 Binary files /dev/null and b/hAdult.png differ diff --git a/hBaby.png b/hBaby.png new file mode 100644 index 0000000..7dc8420 Binary files /dev/null and b/hBaby.png differ diff --git a/hIdoso.png b/hIdoso.png new file mode 100644 index 0000000..805c118 Binary files /dev/null and b/hIdoso.png differ diff --git a/hJove.png b/hJove.png new file mode 100644 index 0000000..bc73a68 Binary files /dev/null and b/hJove.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..474eed7 --- /dev/null +++ b/index.html @@ -0,0 +1,39 @@ + + + + + + + Verificador de Idade + + + +
+

Verificador de Idade

+
+
+
+

Digite o ano de Nascimento: + +

+

Selecione o sexo: + + + + +

+

+ +

+
+
+ Por favor, preencha os dados acima para ver o resultado! +
+
+ + + + \ No newline at end of file diff --git a/mAdult.png b/mAdult.png new file mode 100644 index 0000000..b135efd Binary files /dev/null and b/mAdult.png differ diff --git a/mBaby.png b/mBaby.png new file mode 100644 index 0000000..f5375d4 Binary files /dev/null and b/mBaby.png differ diff --git a/mIdosa.png b/mIdosa.png new file mode 100644 index 0000000..dd14ba4 Binary files /dev/null and b/mIdosa.png differ diff --git a/mJove.png b/mJove.png new file mode 100644 index 0000000..a8419c9 Binary files /dev/null and b/mJove.png differ diff --git a/script.js b/script.js new file mode 100644 index 0000000..44040d5 --- /dev/null +++ b/script.js @@ -0,0 +1,52 @@ +function verificar(){ + var data = new Date() + var ano = data.getFullYear() + var fano = document.getElementById('txtano') + var res = document.querySelector('div#res') + + if(fano.value.length == 0 || fano.value > ano){ + window.alert('{ERRO} Verifique os dados e tente novamente!') + }else{ + var fsex = document.getElementsByName('radsex') + var idade = ano - fano.value + var genero ='' + var img = document.createElement('img') + img.setAttribute('id', 'foto') + + if(fsex[0].checked){ + genero='Homem' + if(idade >=0 && idade <10){ + //criança + img.setAttribute('src', 'hBaby.png') + }else if(idade < 21){ + //jovem + img.setAttribute('src', 'hJove.png') + }else if(idade < 60){ + //adulto + img.setAttribute('src', 'hAdult.png') + }else{ + //idoso + img.setAttribute('src', 'hIdoso.png') + } + + }else if(fsex[1].checked){ + genero='Mulher' + if(idade >=0 && idade <10){ + //criança + img.setAttribute('src', 'mBaby.png') + }else if(idade < 21){ + //jovem + img.setAttribute('src', 'mJove.png') + }else if(idade < 60){ + //adulto + img.setAttribute('src', 'mAdult.png') + }else{ + //idoso + img.setAttribute('src', 'mIdosa.png') + } + } + res.style.textAlign='center' + res.innerHTML =`Detectamos ${genero} com idade ${idade} anos.` + res.appendChild(img) + } +} \ No newline at end of file