-1
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width-device-width, initial-scale=1.0">
  <link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">  
 <script>
  function calculoMedia()
  {
     var media;
     var b1 = parseInt(document.getElementById('b1').value);
     var b2 = parseInt(document.getElementById('b2').value);
     media = (b1 + b2 * 2) / 3;
     if (media<60){alert("Precisa Recuperar")}else{"Aprovado"}
     alert("Grau Final: " + media + "")
     ;
  }

  </script>
  <title>Médias</title>
</head>
<body>
 <h1 style="text-align:center" style="font-size:arial black">VERIFIQUE SEU GRAU</h1>
  <form>
   <div class="form-group caixa-pesquisa-div text-center">
    <br>1° BIMESTRE:<br><input type="number" id="b1">
    <br>2° BIMESTRE:<br><input type="number" id="b2">
    <br>
    <input type="button" class="btn btn-info" onclick="javascript:calculoMedia();" value="CALCULAR">
   </div>
  </form>
</body>
</html>
2
  • 1
    Amanda, use o editor da pergunta explicando melhor a questão. Só colocando um título e um monte de código não é o mais indicado para buscar uma solução. Por exemplo, vc não disse qual é a variável.
    – Sam
    4/12/2018 às 23:08
  • Possível duplicata: pt.stackoverflow.com/questions/32251/…
    – Sam
    5/12/2018 às 3:25

1 Resposta 1

0

Você pode declarar a variável media globalmente ou seja fora do escopo das funções existentes na página, para ser bem didático e reutilizá-la em qualquer outro local do script e até outros scripts. Uma documentação boa para você entender melhor sobre escopo de variáveis em Javascript é esta aqui.

var media;                                // aqui você declara a variável globalmente

function calculoMedia() {

  var b1 = parseInt(document.getElementById('b1').value);
  var b2 = parseInt(document.getElementById('b2').value);
  media = (b1 + b2 * 2) / 3;
  if (media < 60) {
    alert("Precisa Recuperar")
  } else {
    alert("Aprovado")
  }
  alert("Grau Final: " + media + "");
}

var botao = document.getElementsByTagName('button')[0];
var teste = document.getElementsByTagName('b')[0];

  botao.onclick = function() { 
    teste.innerHTML = media;       // utiliza a variavel já com o valor da função CalculoMedia() 
  }
<h1 style="text-align:center" style="font-size:arial black">VERIFIQUE SEU GRAU</h1>

<form>
  <div class="form-group caixa-pesquisa-div text-center">
    <br>1° BIMESTRE:<br><input type="number" id="b1">
    <br>2° BIMESTRE:<br><input type="number" id="b2">
    <br>
    <input type="button" class="btn btn-info" onclick="calculoMedia();" value="CALCULAR">
  </div>
</form>
<br><br>
<button>Mostrar resultado</button><br>
<b></b>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .