Código fonte dando erro, voltando a tela de abertura

Boa tarde,

criei uma página em branco contendo o código fonte abaixo:
aparece tudo certo no app, mas quando vai calcular ele volta para tela de abertura do app e reseta todos os dados do cálculo.
Alguém pode ajudar?

Calculadora de IMC

Calculadora de IMC

Altura (m): Peso (kg): Calcular IMC
<script>
    function calcularIMC() {
        var altura = parseFloat(document.getElementById('altura').value);
        var peso = parseFloat(document.getElementById('peso').value);
        var imc = peso / (altura * altura);

        // Criação do gráfico
        var ctx = document.getElementById('chart').getContext('2d');
        var myChart = new Chart(ctx, {
            type: 'bar',
            data: {
                labels: ['IMC'],
                datasets: [{
                    label: 'IMC',
                    data: [imc],
                    backgroundColor: [
                        'rgba(255, 99, 132, 0.2)',
                    ],
                    borderColor: [
                        'rgba(255, 99, 132, 1)',
                    ],
                    borderWidth: 1
                }]
            },
            options: {
                scales: {
                    y: {
                        beginAtZero: true
                    }
                }
            }
        });
    }
</script>

imc

Boa tarde.

Infelizmente o editor HTML da plataforma ainda não aceita códigos que contenham Script. Apenas HTML e CSS.

Qualquer coisa estamos a disposição.

1 curtida