-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
51 lines (51 loc) · 2.16 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
function verificar() {
var data = new Date()
var ano = data.getFullYear()
var fano = window.document.getElementById('txtano')
var res = window.document.querySelector('div#res')
if (fano.value.length == 0 || fano.value > ano){
window.alert('[ERRO] Verifique os dados inseridos e tente novamente!')
} else {
var fsex = window.document.getElementsByName('radsex')
var idade = ano - Number(fano.value)
var genero = ''
//Abaixo ao invés de criamos uma imagem pelo HTML na parte <div id='res'>, vamos criar a imagem pelo JS e dar um ID 'foto' para ela.
var img = window.document.createElement('img')
img.setAttribute('id', 'foto')
if (fsex[0].checked) {
genero = 'Homem'
if (idade >= 0 && idade < 10) {
//Criança
img.setAttribute('src', 'bebehomem.png')
} else if (idade < 21) {
//Jovem
img.setAttribute('src', 'jovemhomem.png')
} else if (idade < 50) {
//Adulto
img.setAttribute('src', 'adultohomem.png')
} else {
//Idoso
img.setAttribute('src', 'idosohomem.png')
}
} else if (fsex[1].checked) {
genero = 'Mulher'
if (idade >= 0 && idade < 10) {
//Criança
img.setAttribute('src', 'bebemulher.png')
} else if (idade < 21) {
//Jovem
img.setAttribute('src', 'jovemmulher.png')
} else if (idade < 50) {
//Adulto
img.setAttribute('src', 'adultamulher.png')
} else {
//Idoso
img.setAttribute('src', 'idosamulher.png')
}
}
res.style.textAlign = 'center' //Isto serve para centralizar a resposta do formulàrio, ao invés de fazer pelo CSS!
res.innerHTML = `Detectamos ${genero} com ${idade} anos.`
res.appendChild(img)
//Este comando acima serve para adicionar a imagem abaixo do texto de Detecta se è homem ou mulher e a idade!
}
}