Suporte » Plugins » Calculo de IMC dentro de uma pagina do WordPress

  • Olá sou novato em programação para wordpress fiz um blog que faz varios tipos de calculo, no caso criei um pagina normal no propio wordpress e coloquei esse código no html dela.

    <script type="text/javascript">
    function calcula_imc(){
    var altura = document.imcForm.altura.value;
    var peso = document.imcForm.peso.value;
    
    var quadrado = (altura * altura);
    
    var calculo = (quadrado/peso);
    
    if(calculo<18.5){
    alert("Você está magro com esse indice: " + calculo);
    }
    else if(calculo>=18.5 && calculo<24.9){
    alert("Você está normal com esse indice: " + calculo);
    }
    
    else if(calculo>=25 && calculo<29.9) {
    alert("Você está com sobre peso com esse indice: " + calculo);
    }
    else if(calculo>=30 && calculo<39.9) {
    alert("Você está com obesidade com esse indice: " + calculo);
    }
    else if (calculo>40)
    alert("Você estácom obesidade grave com esse indice: " + calculo);
    }
    
    </script>
    
    <title>Documento sem título</title>
    </head>
    
    <body>
    
    <form name="imcForm" id="imcForm" action="#">
    
    <p>
    Altura<br />
    <input type="text" id="altura" name="altura" />
    </p>
    
    <p>Peso <br />
    <input type="text" id="peso" name="peso" />
    </p>
    
    <p>
    <label>
    <input type="radio" name="sexo" value="opção" id="sexo_0" />
    Masculino</label>
    <br />
    <label>
    <input type="radio" name="sexo" value="opção" id="sexo_1" />
    Feminino</label>
    </p>
    <p><input name="Enviar" type="submit" value="Calcular" onclick="calcula_imc()" />
    </p>
    </form>

    Até ai tudo certo mas quando salvo a pagina o codigo muda fica assim

    <script type="text/javascript">// <![CDATA[
    function calcula_imc(){
    var altura = document.imcForm.altura.value;
    var peso = document.imcForm.peso.value;
    
    var quadrado = (altura * altura);
    
    var calculo = (quadrado/peso);
    
    if(calculo<18.5){ alert("Você está magro com esse indice: " + calculo); } else if(calculo>=18.5 && calculo<24.9){ alert("Você está normal com esse indice: " + calculo); } else if(calculo>=25 && calculo<29.9) { alert("Você está com sobre peso com esse indice: " + calculo); } else if(calculo>=30 && calculo<39.9) { alert("Você está com obesidade com esse indice: " + calculo); } else if (calculo>40)
    alert("Você estácom obesidade grave com esse indice: " + calculo);
    }
    // ]]></script>
    
    Documento sem título
    
     
    
    <form id="imcForm" action="#" name="imcForm">Altura
    
    <input id="altura" name="altura" type="text" />
    
    Peso
    
    <input id="peso" name="peso" type="text" />
    
    <label>
    <input id="sexo_0" name="sexo" type="radio" value="opção" />
    Masculino</label>
    
    <label>
    <input id="sexo_1" name="sexo" type="radio" value="opção" />
    Feminino</label>
    
    <input name="Enviar" type="submit" value="Calcular" />
    
    </form>

    a pagina funciona mais quando clico em calcular ele não mostra o resultado alguem sabe me explicar porque?

Visualizando 2 respostas - 1 até 2 (de um total de 2)
Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Calculo de IMC dentro de uma pagina do WordPress’ está fechado para novas respostas.