- Este tópico contém 9 respostas, 4 vozes e foi atualizado pela última vez 3 anos, 2 meses atrás por
.
-
Posts
-
-
Boa noite meu exercício de verificador de idade mão está funcionando.
O navegador está dando um erro:Error handling response: Error: Failed to construct ‘WebSocket’: The URL ‘ws/ws’ is invalid.
at init (chrome-extension://fiegdmejfepffgpnejdinekhfieaogmj/reload.js:22:18)
at chrome-extension://fiegdmejfepffgpnejdinekhfieaogmj/reload.js:65:13
extension.js:24 onMessage extensionPOderia ajudar?
-
-
-
-
<!DOCTYPE html>
<html lang=”pt-br”>
<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>Verificador de Idade</title>
<link rel=”stylesheet” href=”style.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=”mas” checked>
<label for=”mas”>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>© CursoemVídeo</p>
</footer>
<script src=”script.js”></script>
</body>
</html> -
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 || Number(fano.value) > ano) {
window.alert(‘[Erro] Verifique os dados e tente 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’)
img.setAttribute(‘id’, ‘foto’)
if (fsex[0].checked) {
gênero = ‘Homem’
if (idade >= 0 && idade < 10) {
//Criança
img.setAttribute(‘src’, ‘bebe H.png’)
} else if (idade < 21) {
//Jovem
img.setAttribute(‘src’, ‘menino.png’)
} else if (idade < 50) {
//Adulto
img.setAttribute(‘src’, ‘homem.png’)
} else {
//idoso
img.setAttribute(‘src’, ‘idoso h.png’)
}
} else if (fsex[1].checked) {
gênero = ‘Mulher’
if (idade >= 0 && idade < 10) {
//Criança
img.setAttribute(‘src’, ‘bebe m.png’)
} else if (idade < 21) {
//Jovem
img.setAttribute(‘src’, ‘menina.png’)
} else if (idade < 50) {
//Adulto
img.setAttribute(‘src’, ‘mulher.png’)
} else {
//idoso
img.setAttribute(‘src’, ‘idosa m.png’)
}
}
res.style.textAlign = ‘center’
res.innerHTML =Detectamos ${gênero} com ${idade} anos.
res.appendChild(img)
}
} -
body {
background: rgb(70, 142, 236);
font: normal 15pt Arial;
}
header {
color: white;
text-align: center;
}
section {
background: white;
border-radius: 10px;
padding: 15px;
width: 500px;
margin: auto;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.363);
}footer {
color: white;
text-align: center;
font-style: italic;
} -
Joseph, o seu código está correto, a única coisa que percebi é que no HTML em
<input type="button" value="Verificar" onclick="Verificar">está faltando os parênteses para chamar a funçãoVerificar, sendo o correto<input type="button" value="Verificar" onclick="Verificar()">. Modificando isto o funcionamento do exercício deve seguir conforme o esperado.Caso persista algum erro teste em outros navegadores e nos informe o resultado.
Espero ter ajudado, quaisquer dúvidas estamos à disposição.
-
gostaria de saber pois nao existe mais a opçao no VS CODE ” VALUE.LENGTH ” nos exercícios do capitulo 12 e 14 nao funcionou em nenhum deles. na hora de digitar
if (ini.Value.length == 0 || fim.Value.length == 0 || passo.Value.length == 0)
window.alert(‘[ERRO] Faltam dados!’)Simplesmente esses comandos não estão mais disponiveis mesmo se digita-lo corretamente. A opção que aparece é:
if (ini.ariaValueMax.length == 0 || fim.ariaValueMax.length == 0 || passo.ariaValueMax.length == 0)
window.alert(‘[ERRO] Faltam dados!’)note que:
no lugar de simplesmente (value.length), aparece as opções: ariaValueMax; ariaValueMin; ariaValueNow; ariaValueText e NodeValue.
E TESTEI TODOS Substituindo value.length por um desses acima e não funcionou.
não sei se devido a atualização atual do JS modificou esses comandos.
como usa-los agora?? não consigo prosseguir nos exercícios…
-
Bom dia Assis, poderia enviar seus codigos HTML e JS de preferencia formatados.
OBS: Cole o código HTML, selecione-o novamente aqui e clica na opçãoCODEna barra de formatação.o atributo value tem que ser em letra minúscula. =>
ini.value.length
Geralmente o vsc não faz referencia a ele no auto-completar pois este é um atributo, não um método.
-
-
- Você deve fazer login para responder a este tópico.