Respostas no Fórum
-
Posts
-
Olá, Jessica! Exatamente, consegui passar desse exercício e mesmo assim não centralizou. Desde já agradeço a atenção.
Olá, Jessica! Consegui concluir o exercício, só não consegui colocar o texto acima da imagem como Guanabara fez.
Queria saber onde errei.Olá, vocês poderiam me ajudar? O texto consegui centralizar, só não consegui colocar acima da imagem como Guanabara fez.
Poderiam me informar onde errei? Segue o código:<!DOCTYPE html>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Verificador de Idade</title>
<link rel=”stylesheet” href=”stilo.css”>
</head>
<body>
<header>
<h1>Verificador de Idade</h1>
</header>
<section>
<div>
<p>Ano de Nascimento:
<input type=”number” name=”txtano” id=”txtano” min=”0″>
</p>
<p>
Sexo:
<input type=”radio” name=”radsex” id=”masc” checked>
<label for=”masc”>Masculino</label>
<input type=”radio” name=”radsex” id=”fem”>
<label for=”fem”>Feminino</label>
</p>
<p>
<input type=”button” value=”Verificar” onclick=”verificar()”>
</p>
</div>
<div id=”res”>
Preencha os dados acima para ver o resultado!
</div>
</section>
<footer>
<p>©CursoemVideo</p>
</footer>
<script src=”script.js”></script>
</body>
</html>`Segue o código HTML como solicitado.
O texto consegui centralizar, só não consegui colocar acima da imagem como Guanabara fez.
Poderiam me informar onde errei ?<!DOCTYPE html>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Verificador de Idade</title>
<link rel=”stylesheet” href=”stilo.css”>
</head>
<body>
<header>
<h1>Verificador de Idade</h1>
</header>
<section>
<div>
<p>Ano de Nascimento:
<input type=”number” name=”txtano” id=”txtano” min=”0″>
</p>
<p>
Sexo:
<input type=”radio” name=”radsex” id=”masc” checked>
<label for=”masc”>Masculino</label>
<input type=”radio” name=”radsex” id=”fem”>
<label for=”fem”>Feminino</label>
</p>
<p>
<input type=”button” value=”Verificar” onclick=”verificar()”>
</p>
</div>
<div id=”res”>
Preencha os dados acima para ver o resultado!
</div>
</section>
<footer>
<p>©CursoemVideo</p>
</footer>
<script src=”script.js”></script>
</body>
</html>Segue o código HTML como solicitado.
O texto consegui centralizar, só não consegui colocar acima da imagem como Guanabara fez.<!DOCTYPE html>
<html lang=”pt-br”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Verificador de Idade</title>
<link rel=”stylesheet” href=”stilo.css”>
</head>
<body>
<header>
<h1>Verificador de Idade</h1>
</header>
<section>
<div>
<p>Ano de Nascimento:
<input type=”number” name=”txtano” id=”txtano” min=”0″>
</p>
<p>
Sexo:
<input type=”radio” name=”radsex” id=”masc” checked>
<label for=”masc”>Masculino</label>
<input type=”radio” name=”radsex” id=”fem”>
<label for=”fem”>Feminino</label>
</p>
<p>
<input type=”button” value=”Verificar” onclick=”verificar()”>
</p>
</div>
<div id=”res”>
Preencha os dados acima para ver o resultado!
</div>
</section>
<footer>
<p>©CursoemVideo</p>
</footer>
<script src=”script.js”></script>
</body>
</html>Segue o código completo como solicitado.
function verificar() {
//window.alert(‘funcionou’) somente para testar o código aos poucos para ver se vai dar erro
var data = new Date()
var ano = data.getFullYear()
var fano = document.getElementById(‘txtano’)
var res = document.querySelector(‘div#res’)
if (fano.value.length == 0 || Number(fano.value)> ano) {
window.alert([ERRO] Verificar os dados e tentar novamente!)
}else{
var fsex = document.getElementsByName(‘radsex’)
var idade = ano – Number(fano.value)
var gênero = ”
var img = document.createElement(‘img’)
img.setAttribute(‘id’,’foto’)
if (fsex[0].checked) {
gênero=’Homem’
if (idade >= 0 && idade < 10) {
//Criança
img.setAttribute(‘src’, ‘foto-bebe-m.png’)
}else if (idade < 21) {
//Jovem
img.setAttribute(‘src’, ‘foto-jovem-m.png’)
}else if (idade < 50) {
// Adulto
img.setAttribute(‘src’,’foto-adulto-m.png’)
}else{
//Idoso
img.setAttribute(‘src’,’foto-idoso-m.png’)
}
}else if (fsex[1].checked) {
gênero=’Mulher’
if (idade >=0 && idade < 10) {
//Criança
img.setAttribute(‘src’,’foto-bebe-f.png’)
}else if (idade < 21) {
//Jovem
img.setAttribute(‘src’,’foto-jovem-f.png’)
}else if (idade < 50) {
//Adulto
img.setAttribute(‘src’, ‘foto-adulto-f.png’)
}else{
//Idoso
img.setAttribute(‘src’,’foto-idoso-f.png’)
}
}
res.style.txtAlign=’center’;
res.innerHTML=Detectamos ${gênero} com ${idade} anos
res.appendChild(img)}
}Olá, pessoal do estudonauta! Eu refiz o exercício do capítulo 04 aula 01 – instalando ferramentas, segui o passo a passo e o meu código html saiu com uma instrução a mais. Será que houve alguma atualização ?
O meu saiu assim:<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Document</title>
</head>
<body></body>
</html>Olá, pessoal do Estudonauta! Gostaria de tirar uma dúvida: após fazer os primeiros passos com o Visual Studio, percebi que o meu saiu diferente do professor Guanabara. Vocês poderiam me informar se errei algo ou se é alguma atualização?
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Document</title>
</head>
<body></body>
</html>Olá, pessoal do Estudonauta! Gostaria de tirar uma dúvida com vocês: além de estar estudando com vocês, estou estudando também com a empresa Alura Latam, onde ganhei uma bolsa de estudo voltado para Html e JavaScript. Eles estão prometendo tornar os alunos um desenvolvedor front end junior em seis meses, isso é possível?
