Java Script - DOM

[soyer2018 0]

Bom dia

 

to aprendendo por conta html, css e java script, eu criei um exercício onde eu criei uma input no html:

 

<input type="number" onclick="teste()">

 

e no java script eu quero o seguinte, quando eu clico no input, quero que ele armazene o número que cliquei e informe através do alert.

fiz o seguinte código:

function teste() {

var number = document.getElementByName('input', 'number').values;

alert('seu numero', + number);

 

};

 

porém ele só mostra o alerta mas sem mostrar o número,, como posso resolver esse problema.?

[Omar~ 87]

Han?! Como assim está mostrando o alerta sendo que temos o erro aqui:

11 horas atrás, soyer2018 disse:

var number = document.getElementByName('input', 'number').values;

getElementByName Essa função não existe, a não ser que esteja usando algum tipo de biblioteca que subtrai essa função.

Enfim que seja, para podermos chegar a algum elemento temos que localizar-lo, nesse caso o input pode receber por exemplo um atributo name/id/class/data etc... ou mesmo chegar até ele através de sua tag.

<input type="number" name="nome_do_input" onclick="teste()">

<script>
    function teste() {
        //var number = document.getElementByName('input', 'number').values; // Errado não existe "getElementByName" / não existe "values"
        //alert('seu numero', +number); // Errado você não pode concatenar e somar um valor inexistente
        
        var number = document.getElementsByName('nome_do_input')[0].value;
        // Ou
        var number = document.getElementsByTagName('input')[0].value;
        
        console.log('seu numero ' + number);
        // Ou
        console.log('seu numero %s', number);
    }
</script>