Obtenha o valor do elemento usando JavaScript

As páginas da web em HTML consistem em diferentes elementos HTML, que possuem atributos e valores diferentes.

Neste tutorial, obteremos o valor de um elemento usando JavaScript.

Para obter o valor do elemento, usaremos a propriedade value. Ele pode ser usado para definir ou retornar o valor do atributo value.

Veja o código abaixo.

const variable = document.getElementsById(id).value;

No exemplo acima, primeiro recuperamos o elemento necessário usando seu ID com a função getElementsById(). Então, a propriedade value retornará seu valor.

Também podemos selecionar o elemento usando o manipulador de eventos onclick em HTML. Em seguida, o elemento é passado para a função, que recupera seu valor usando a propriedade necessária.

Por exemplo,

// html
<input id = 'theId' value = 'test1' onclick = 'getValue(this)' />

    // javascript
    function getValue(e) {
      const variable = e.value;
    }