Sistema de pontos de um QUIZ JavaScript

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>QUIZ</title>

<link href="../stylePERG.css" rel="stylesheet" />

<div class="container">

    <div id="pontos">PONTOS: 0</div>

    <div class="content">

        <h1 id="titulo">Pergunta 1</h1>

        <p>Quanto tempo a luz do Sol demora para chegar até o Planeta Terra? </p>

        <div class="alternativas">

            <input type="button" id="alt1" name="altC" value="8 minutos" onclick="altCertas()"></input>

            <input type="button" id="alt2" name="altE" value="10 minutos" onclick="altErrada(this)"></input>

            <input type="button" id="alt3" name="altE" value="23 minutos" onclick="altErrada(this)"></input>

            <input type="button" id="alt4" name="altE" value="3 minutos" onclick="altErrada(this)"></input>

        </div>

    </div>

</div>

<script>

    function altCertas() {

        document.getElementById('alt1').style.backgroundColor = "#00ff00"

        document.getElementById('titulo').style.backgroundColor = "#00ff00"

        trocarPag()

    }

    function altErrada(ctx) {

        ctx.style.backgroundColor = "#ff0000";

        document.getElementById('titulo').style.backgroundColor = "#ff0000"

        trocarPag();

        pontos(0)

    }

    function trocarPag() {

        setTimeout(function mudar() {

            window.location.href = "pergunta_2.html"

        }, 2000)

    }

</script>