Skip to main content
Tweeted twitter.com/StackOverflowPT/status/653530868607254528
adicionou 344 caracteres ao conteúdo; título editado
Fonte Link
Renan Gomes
  • 19,3mil
  • 8
  • 54
  • 114

Por que o resultado da textbox está sumindo após o click?

Estou estudando javascriptJavascript por uma vídeo-aulavideoaula do youtubeYouTube a fiz igual o vídeo, mas quando clico em "Calcular"Calcular o resultado aparece e já some em menos de 1 segundo, quando na verdade ele deveria ficar no campo de texto, segue.

Segue a baixo o html e o js. Obs
Obs: o javascriptO Javascript está em arquivo separado.

<!DOCTYPE html>
<html lang="pt-br">
<head>
<title> Javascript aula 03 </title>
<link rel="stylesheet" href="_css/estilo.css">
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="csss/estilo.css">
<script src="js/aula07.js"></script>
</head>
<body>

<img src="imagens/imc.jpg" height="180px" width="200px">

<form id="formulario">
    <fieldset style="width:20%;">
        <legend> Cálculo do IMC </legend>
                
            <span>  
            <label for="kilos"> Kilos &nbsp;&nbsp;</label>
            <input type="text" name="kilos"><br>
            </span>
            
            <span>
            <label for="metros"> Metros </label>
            <input type="text" name="metros"><br>
            </span>
            
            <span>
            <label for="centimetros"> Cm &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <input type="text" name="centimetros"><br>
            </span>
            
            <span>
            <label for="imc"> IMC: &nbsp;&nbsp;</label>
            <input type="text" name="imc" disabled="disabled"><br>
            </span>
            
            <span>
                <a href="" onclick="calcularIMC();"> Calcular </a>
            </span>     
    </fieldset>
</form>




</body>
</html>

function calcularIMC (){
        var formulario = document.getElementById("formulario"); 
        
        var kilos =       +formulario.kilos.value;
        var metros =      +formulario.metros.value;
        var centimetros = +formulario.centimetros.value;
                            
        var altura = (metros * 100 + centimetros) / 100;        
        var imc = kilos / (altura * altura);
                
        formulario.imc.value = imc;.toFixed(2);
}
<!DOCTYPE html>
<html lang="pt-br">
    
    <head>
        <title>Javascript aula 03</title>
        <link rel="stylesheet" href="_css/estilo.css">
        <meta charset="UTF-8">
        <link type="text/css" rel="stylesheet" href="csss/estilo.css">
        <script src="js/aula07.js"></script>
    </head>
    
    <body>
        <img src="imagens/imc.jpg" height="180px" width="200px">
        <form id="formulario">
            <fieldset style="width:20%;">
                <legend>Cálculo do IMC</legend>
            
            <span>  
              <label for="kilos"> Kilos &nbsp;&nbsp;</label>
              <input type="text" name="kilos"><br>
            </span>

            <span>
              <label for="metros"> Metros </label>
              <input type="text" name="metros"><br>
            </span>

            <span>
              <label for="centimetros"> Cm &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
              <input type="text" name="centimetros"><br>
            </span>

            <span>
              <label for="imc"> IMC: &nbsp;&nbsp;</label>
              <input type="text" name="imc" disabled="disabled"><br>
            </span>

            <span>
              <a href="" onclick="calcularIMC();"> Calcular </a>
            </span> 
            </fieldset>
        </form>
    </body>

</html>
function calcularIMC() {
    var formulario = document.getElementById("formulario");

    var kilos = +formulario.kilos.value;
    var metros = +formulario.metros.value;
    var centimetros = +formulario.centimetros.value;

    var altura = (metros * 100 + centimetros) / 100;
    var imc = kilos / (altura * altura);

    formulario.imc.value = imc;.toFixed(2);
}

resultado da textbox sumindo após o click

Estou estudando javascript por uma vídeo-aula do youtube a fiz igual o vídeo, mas quando clico em "Calcular" o resultado aparece e já some em menos de 1 segundo, quando na verdade ele deveria ficar no campo de texto, segue a baixo o html e o js. Obs: o javascript está em arquivo separado.

<!DOCTYPE html>
<html lang="pt-br">
<head>
<title> Javascript aula 03 </title>
<link rel="stylesheet" href="_css/estilo.css">
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="csss/estilo.css">
<script src="js/aula07.js"></script>
</head>
<body>

<img src="imagens/imc.jpg" height="180px" width="200px">

<form id="formulario">
    <fieldset style="width:20%;">
        <legend> Cálculo do IMC </legend>
                
            <span>  
            <label for="kilos"> Kilos &nbsp;&nbsp;</label>
            <input type="text" name="kilos"><br>
            </span>
            
            <span>
            <label for="metros"> Metros </label>
            <input type="text" name="metros"><br>
            </span>
            
            <span>
            <label for="centimetros"> Cm &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <input type="text" name="centimetros"><br>
            </span>
            
            <span>
            <label for="imc"> IMC: &nbsp;&nbsp;</label>
            <input type="text" name="imc" disabled="disabled"><br>
            </span>
            
            <span>
                <a href="" onclick="calcularIMC();"> Calcular </a>
            </span>     
    </fieldset>
</form>




</body>
</html>

function calcularIMC (){
        var formulario = document.getElementById("formulario"); 
        
        var kilos =       +formulario.kilos.value;
        var metros =      +formulario.metros.value;
        var centimetros = +formulario.centimetros.value;
                            
        var altura = (metros * 100 + centimetros) / 100;        
        var imc = kilos / (altura * altura);
                
        formulario.imc.value = imc;.toFixed(2);
}

Por que o resultado da textbox está sumindo após o click?

Estou estudando Javascript por uma videoaula do YouTube a fiz igual o vídeo, mas quando clico em Calcular o resultado aparece e já some em menos de 1 segundo, quando na verdade ele deveria ficar no campo de texto.

Segue a baixo o html e o js.
Obs: O Javascript está em arquivo separado.

<!DOCTYPE html>
<html lang="pt-br">
    
    <head>
        <title>Javascript aula 03</title>
        <link rel="stylesheet" href="_css/estilo.css">
        <meta charset="UTF-8">
        <link type="text/css" rel="stylesheet" href="csss/estilo.css">
        <script src="js/aula07.js"></script>
    </head>
    
    <body>
        <img src="imagens/imc.jpg" height="180px" width="200px">
        <form id="formulario">
            <fieldset style="width:20%;">
                <legend>Cálculo do IMC</legend>
            
            <span>  
              <label for="kilos"> Kilos &nbsp;&nbsp;</label>
              <input type="text" name="kilos"><br>
            </span>

            <span>
              <label for="metros"> Metros </label>
              <input type="text" name="metros"><br>
            </span>

            <span>
              <label for="centimetros"> Cm &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
              <input type="text" name="centimetros"><br>
            </span>

            <span>
              <label for="imc"> IMC: &nbsp;&nbsp;</label>
              <input type="text" name="imc" disabled="disabled"><br>
            </span>

            <span>
              <a href="" onclick="calcularIMC();"> Calcular </a>
            </span> 
            </fieldset>
        </form>
    </body>

</html>
function calcularIMC() {
    var formulario = document.getElementById("formulario");

    var kilos = +formulario.kilos.value;
    var metros = +formulario.metros.value;
    var centimetros = +formulario.centimetros.value;

    var altura = (metros * 100 + centimetros) / 100;
    var imc = kilos / (altura * altura);

    formulario.imc.value = imc;.toFixed(2);
}
adicionou 244 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294
Javascript aula 03Cálculo do IMCKilos   
Metros
Cm      
IMC:   
Calcular

function calcularIMC (){ var formulario = document.getElementById("formulario");

<!DOCTYPE html>
<html lang="pt-br">
<head>
<title> Javascript aula 03 </title>
<link rel="stylesheet" href="_css/estilo.css">
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="csss/estilo.css">
<script src="js/aula07.js"></script>
</head>
<body>

<img src="imagens/imc.jpg" height="180px" width="200px">

<form id="formulario">
    <fieldset style="width:20%;">
        <legend> Cálculo do IMC </legend>
                
            <span>  
            <label for="kilos"> Kilos &nbsp;&nbsp;</label>
            <input type="text" name="kilos"><br>
            </span>
            
            <span>
            <label for="metros"> Metros </label>
            <input type="text" name="metros"><br>
            </span>
            
            <span>
            <label for="centimetros"> Cm &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <input type="text" name="centimetros"><br>
            </span>
            
            <span>
            <label for="imc"> IMC: &nbsp;&nbsp;</label>
            <input type="text" name="imc" disabled="disabled"><br>
            </span>
            
            <span>
                <a href="" onclick="calcularIMC();"> Calcular </a>
            </span>     
    </fieldset>
</form>




</body>
</html>

function calcularIMC (){
        var formulario = document.getElementById("formulario"); 
        
        var kilos =       +formulario.kilos.value;
        var metros =      +formulario.metros.value;
        var centimetros = +formulario.centimetros.value;
                            
        var altura = (metros * 100 + centimetros) / 100;        
        var imc = kilos / (altura * altura);
                
        formulario.imc.value = imc;.toFixed(2);
}

}

Javascript aula 03Cálculo do IMCKilos   
Metros
Cm      
IMC:   
Calcular

function calcularIMC (){ var formulario = document.getElementById("formulario");

    var kilos =       +formulario.kilos.value;
    var metros =      +formulario.metros.value;
    var centimetros = +formulario.centimetros.value;
                        
    var altura = (metros * 100 + centimetros) / 100;        
    var imc = kilos / (altura * altura);
            
    formulario.imc.value = imc;.toFixed(2);

}

<!DOCTYPE html>
<html lang="pt-br">
<head>
<title> Javascript aula 03 </title>
<link rel="stylesheet" href="_css/estilo.css">
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="csss/estilo.css">
<script src="js/aula07.js"></script>
</head>
<body>

<img src="imagens/imc.jpg" height="180px" width="200px">

<form id="formulario">
    <fieldset style="width:20%;">
        <legend> Cálculo do IMC </legend>
                
            <span>  
            <label for="kilos"> Kilos &nbsp;&nbsp;</label>
            <input type="text" name="kilos"><br>
            </span>
            
            <span>
            <label for="metros"> Metros </label>
            <input type="text" name="metros"><br>
            </span>
            
            <span>
            <label for="centimetros"> Cm &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
            <input type="text" name="centimetros"><br>
            </span>
            
            <span>
            <label for="imc"> IMC: &nbsp;&nbsp;</label>
            <input type="text" name="imc" disabled="disabled"><br>
            </span>
            
            <span>
                <a href="" onclick="calcularIMC();"> Calcular </a>
            </span>     
    </fieldset>
</form>




</body>
</html>

function calcularIMC (){
        var formulario = document.getElementById("formulario"); 
        
        var kilos =       +formulario.kilos.value;
        var metros =      +formulario.metros.value;
        var centimetros = +formulario.centimetros.value;
                            
        var altura = (metros * 100 + centimetros) / 100;        
        var imc = kilos / (altura * altura);
                
        formulario.imc.value = imc;.toFixed(2);
}
Fonte Link

resultado da textbox sumindo após o click

Estou estudando javascript por uma vídeo-aula do youtube a fiz igual o vídeo, mas quando clico em "Calcular" o resultado aparece e já some em menos de 1 segundo, quando na verdade ele deveria ficar no campo de texto, segue a baixo o html e o js. Obs: o javascript está em arquivo separado.

Javascript aula 03 Cálculo do IMC Kilos   
Metros
Cm      
IMC:   
Calcular

function calcularIMC (){ var formulario = document.getElementById("formulario");

    var kilos =       +formulario.kilos.value;
    var metros =      +formulario.metros.value;
    var centimetros = +formulario.centimetros.value;
                        
    var altura = (metros * 100 + centimetros) / 100;        
    var imc = kilos / (altura * altura);
            
    formulario.imc.value = imc;.toFixed(2);

}