JavaScript does not execute

Question

JavaScript does not execute

Navigation

#1 by (2 votes)
#2 by (1 votes)

1

I have the following HTML code:

function idade() {

  var idade = document.getElementById('idade')

  alert("A idade do cliente é: " + idade);
}

<form name="cliente">

  Nome: <input type="text" name="nome" /></br>
  </br>
  Endereço: <input type="text" name="endereco" /></br>
  </br>
  Cidade: <input type="text" name="cidade" /></br>
  </br>
  Sexo: <input type="radio" name="sexo" value="M" />Masculino
  <input type="radio" name="sexo" value="F" />Feminino</br>
  </br>
  Idade: <input type="text" name="idade" /></br>
  </br>

  <input type="submit" onclick="idade()" />

</form>

However, at the time I click the button nothing happens.

javascript html5

asked by anonymous 09.08.2017 / 05:46

2 answers

1

You selected an element based on unique ID (id) with the getElementById () of the document object. document.getElementById('idade')

The purpose of the global attribute id, in its case idade , which should be unique throughout the document, is to identify the element when manipulated by scripts or stylized with CSS.

Well, in your script, once you've selected the element, you just needed to get the value of the element by making use of the value property document.getElementById('idade').value;

Another thing, the function name can be the same as the variable name, but by what I tried it should not be equal to the input id .

function idade() {
    var idade = document.getElementById('age').value;

    console.log("A idade do cliente é: " + idade);
}

<form name="cliente">

    Nome: <input type="text" name="nome"/><br><br>
    Endereço: <input type="text" name="endereco"/><br><br>
    Cidade: <input type="text" name="cidade"/><br><br>
    Sexo: <input type="radio" name="sexo" value="M"/>Masculino
          <input type="radio" name="sexo" value="F"/>Feminino<br><br>
    Idade: <input id="age" type="text" name="age"/><br><br>

    <input type="button" value="Gerar" onclick="idade()">

</form>

</br> is not a valid HTML tag. It is only <br> (or <br /> if you are using XHTML, but if you were using XHTML, you would know that)

09.08.2017 / 06:06

SQL query to identify providers available on time How to cut a suffix of an expression in bash (egrep / sed / etc)

score 2 · Accepted Answer

Missing id="cliente" in input Idade: <input type="text" name="idade"/>

O% with% after% with%

And the function had the same name as the age variable.

function idadeCliente(){
	var idade = document.getElementById('idade').value;
	alert("A idade do cliente é: " + idade);
}

<form name="cliente">

        Nome: <input type="text" name="nome"/></br></br>
        Endereço: <input type="text" name="endereco"/></br></br>
        Cidade: <input type="text" name="cidade"/></br></br>
        Sexo: <input type="radio" name="sexo" value="M"/>Masculino
              <input type="radio" name="sexo" value="F"/>Feminino</br></br>
        Idade: <input type="text" id="idade" name="idade"/></br></br>

        <input type="submit" onclick="idadeCliente()"/>

</form>