[object HTMLInputElement]

26/08/2021

5

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

<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...
Responder

Mais Posts

26/08/2021

Rafael

Cara muito obrigado ajudou muito!!!!!
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar