[object HTMLInputElement]

JavaScript

JavaScript Web

26/08/2021

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>
Rafael

Rafael

Curtidas 0

Melhor post

Yuri Aguiar

Yuri Aguiar

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: 

<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...
GOSTEI 3

Mais Respostas

Rafael

Rafael

26/08/2021

Cara muito obrigado ajudou muito!!!!!
GOSTEI 0
Adriano Dalmina

Adriano Dalmina

26/08/2021

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!".
GOSTEI 0
POSTAR