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>