<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>