Estou com problema na linha 38 do res.innerHTML que não troca de valor
<!DOCTYPE html>
<html lang=”pt”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Média</title>
</head>
<style>
body{
padding-left: 20px;
}
div{
padding: 20px;
margin: 10px 0px;
display: inline-block;
border: 1px solid black;
}
</style>
<body>
<h1>Média do aluno</h1>
<p>Digíte a média do aluno:</p>
<div id=”botao”>Calcular média</div>
<p id=”res”>Aqui vem a média…</p>
<script>
window.alert(‘Calculo da média do aluno…’)
var botao = document.getElementById(‘botao’)
var res = document.getElementById(‘res’)
botao.addEventListener(‘click’, media)
function media(){
var nome = window.prompt(‘Qual é o nome do aluno?:’)
var nota1 = Number(window.prompt(Qual é a primeira nota de ${nome}?:
))
var nota2 = Number(window.prompt(Além de ${nota1}, qual é a outra nota de ${nome}?:
))
var media = (n1+n2)/2
res.innerHTML = <p>Calculando a média de <mark>${nome}</mark></p><p>As notas dos alunos foram <mark>${nota1}</mark> e <mark>${nota}</mark></p><p>A média final é <mark>${media}</mark></p>
}
</script>
</body>
</html>