lazaromx/calculadora-de-media.markdown

## calculadora-de-media.markdown

      
    Raw
  

              calculadora-de-media.markdown
            
          
    Calculadora de média

A Pen by lazaromx on CodePen.
License.

  
## index.html
<html>
  <head>
    <title> Imersão Dev Alura - Aula 01</title>
  </head>
  <body>
    <div class="container">
      <h1 class="page-title">
      Calculadora de média</h1>
      <p class="page-subtitle">
      Descubra qual a sua média de nota de todas as provas!
      </p>
      <img src="https://www.alura.com.br/assets/img/imersoes/dev-2021/logo-imersao-conversor-de-moedas.svg" class="page-logo" alt="">
    </div>
    <a href="https://alura.com.br/" target="_blank">
    <img src="https://www.alura.com.br/assets/img/home/alura-logo.svg" alt="" class="alura-logo">
    </a>
  </body>
</html>

## script.js
var nome = "Lázaro"

var notaPrimeiroBimestre = 9;
var notaSegundoBimestre = 7;
var notaTerceiroBimestre = 6;
var notaQuartoBimestre = 5.5;

var notaFinal = (notaPrimeiroBimestre + notaSegundoBimestre + notaTerceiroBimestre + notaQuartoBimestre) / 4;

var notaFixada = notaFinal.toFixed(1);

if(notaFixada >= 6.5 == true){
  console.log("Parabéns " + nome + " você foi aprovado!!")

}
else{
  console.log(nome + "Foi reprovado!!")
}

console.log(notaFixada)


//Revisão
//variaveis, console.log(),toFixed(), concatenação, operações matemáticas

## style.css
body {
  font-family: 'Roboto Mono',monospace;
  min-height: 400px;
  background-image: url('https://caelum-online-public.s3.amazonaws.com/imersao-dev-3/bg.png');
  background-color: #000000;
  background-size: 80vh;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.container {
  text-align: center;
  padding: 20px;
  height: 100vh;
}

.page-title {
  color:#ffffff;
  margin: 0 0 5px;
}

.page-subtitle {
  color:#ffffff;
  margin-top: 5px;
}

.page-logo {
  width: 200px;
}

.alura-logo {
  width: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
}
	<html>
	<head>
	<title> Imersão Dev Alura - Aula 01</title>
	</head>
	<body>
	<div class="container">
	<h1 class="page-title">
	Calculadora de média</h1>
	<p class="page-subtitle">
	Descubra qual a sua média de nota de todas as provas!
	</p>
	<img src="https://www.alura.com.br/assets/img/imersoes/dev-2021/logo-imersao-conversor-de-moedas.svg" class="page-logo" alt="">
	</div>
	<a href="https://alura.com.br/" target="_blank">
	<img src="https://www.alura.com.br/assets/img/home/alura-logo.svg" alt="" class="alura-logo">
	</a>
	</body>
	</html>
	var nome = "Lázaro"

	var notaPrimeiroBimestre = 9;
	var notaSegundoBimestre = 7;
	var notaTerceiroBimestre = 6;
	var notaQuartoBimestre = 5.5;

	var notaFinal = (notaPrimeiroBimestre + notaSegundoBimestre + notaTerceiroBimestre + notaQuartoBimestre) / 4;

	var notaFixada = notaFinal.toFixed(1);

	if(notaFixada >= 6.5 == true){
	console.log("Parabéns " + nome + " você foi aprovado!!")

	}
	else{
	console.log(nome + "Foi reprovado!!")
	}

	console.log(notaFixada)



	//Revisão
	//variaveis, console.log(),toFixed(), concatenação, operações matemáticas
	body {
	font-family: 'Roboto Mono',monospace;
	min-height: 400px;
	background-image: url('https://caelum-online-public.s3.amazonaws.com/imersao-dev-3/bg.png');
	background-color: #000000;
	background-size: 80vh;
	background-position: center bottom;
	background-repeat: no-repeat;
	}

	.container {
	text-align: center;
	padding: 20px;
	height: 100vh;
	}

	.page-title {
	color:#ffffff;
	margin: 0 0 5px;
	}

	.page-subtitle {
	color:#ffffff;
	margin-top: 5px;
	}

	.page-logo {
	width: 200px;
	}

	.alura-logo {
	width: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	}