[object HTMLInputElement]
26/08/2021
0
Estou Fazendo uma tela que possui 2 inputs de text, um de date e um de time, e um buttom mas quando crio o script para o botao, e mando impirmir o que escrevi nas imputs, ele me imprime esse seguinta codigo: Carro: [object HTMLInputElement]placa: [object HTMLInputElement]Dia: [object HTMLInputElement]
code:
<!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>Entrada</title>
<img src="IMG/logo.jpg">
<br>
<br>
</head>
<body>
<br>
<br>
Placa:<input type="text" name="Placa" id="placa">
Modelo:<input type="text" name="modelo" id="modelo">
Dia:<input type="date" name="dia" id="dia">
Hora:<input type="time" name="tempo" id="tempo">
<input type="button" value="Gerar notinha" onclick="gerar()">
<div id="show">NOTINHA:
<br>
</div>
<script>
function gerar(){
var pl = document.getElementById('placa')
var mod = document.getElementById('modelo')
var dia = document.getElementById('dia')
var hour = document.getElementById('tempo')
document.write('Carro: '+mod)
document.write('placa: '+pl)
document.write('Dia: '+dia)
document.write('Hora: '+tempo)
}
</script>
</body>
</html>
code:
<!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>Entrada</title>
<img src="IMG/logo.jpg">
<br>
<br>
</head>
<body>
<br>
<br>
Placa:<input type="text" name="Placa" id="placa">
Modelo:<input type="text" name="modelo" id="modelo">
Dia:<input type="date" name="dia" id="dia">
Hora:<input type="time" name="tempo" id="tempo">
<input type="button" value="Gerar notinha" onclick="gerar()">
<div id="show">NOTINHA:
<br>
</div>
<script>
function gerar(){
var pl = document.getElementById('placa')
var mod = document.getElementById('modelo')
var dia = document.getElementById('dia')
var hour = document.getElementById('tempo')
document.write('Carro: '+mod)
document.write('placa: '+pl)
document.write('Dia: '+dia)
document.write('Hora: '+tempo)
}
</script>
</body>
</html>
Rafael
Curtir tópico
+ 0
Responder
Post mais votado
26/08/2021
Fala Rafael, tudo joia ?
Temos no JavaScript uma propriedade que se chama value. Ela define ou te retorna o valor daquele input.
Sem ela você simplesmente estava imprimindo o tipo e não o valor que foi colocado. Então tente algo assim:
Espero que te ajude, abraços meu querido...
Temos no JavaScript uma propriedade que se chama value. Ela define ou te retorna o valor daquele input.
Sem ela você simplesmente estava imprimindo o tipo e não o valor que foi colocado. Então tente algo assim:
<script>
function gerar() {
var pl = document.getElementById('placa');
var mod = document.getElementById('modelo');
var dia = document.getElementById('dia');
var hour = document.getElementById('tempo');
document.write('Carro: ' + mod.value);
document.write('placa: ' + pl.value);
document.write('Dia: ' + dia.value);
document.write('Hora: ' + tempo.value);
}
</script>
Espero que te ajude, abraços meu querido...
Yuri Aguiar
Responder
Mais Posts
29/08/2023
Adriano Dalmina
Boa noite a todos, meu código não funciona o "if", por favor peço que me ajudem a encontrar o erro e como corrigilo.
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>ONU</title>
</head>
<body>
<h1>Descubra sua nacionalidade</h1>
Digite o país em que você nasceu <input type="text" id = pais>
<input type="button" value="Verificar" onclick = "Clicar()">
<div id = 'res'>
</div>
<script>
var p = document.getElementById('pais')
var res = document.getElementById('res')
function Clicar() {
res.innerHTML = ('Você nasceu em ' + p.value)
if (p == 'Brasil') {
res.innerHTML += ', Você é brasileiro!' }
}
</script>
</body>
</html>
Eu consigo digitar 'Brasil' na caixa, mas só aparece o "Você nasceu em Brasil", mas não aparece o "Você é brasileiro!".
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>ONU</title>
</head>
<body>
<h1>Descubra sua nacionalidade</h1>
Digite o país em que você nasceu <input type="text" id = pais>
<input type="button" value="Verificar" onclick = "Clicar()">
<div id = 'res'>
</div>
<script>
var p = document.getElementById('pais')
var res = document.getElementById('res')
function Clicar() {
res.innerHTML = ('Você nasceu em ' + p.value)
if (p == 'Brasil') {
res.innerHTML += ', Você é brasileiro!' }
}
</script>
</body>
</html>
Eu consigo digitar 'Brasil' na caixa, mas só aparece o "Você nasceu em Brasil", mas não aparece o "Você é brasileiro!".
Responder
Clique aqui para fazer login e interagir na Comunidade :)