CÓDIGO NÃO DIRECIONA PARA PRÓXIMA PÁGINA

[plynionava]

gente, por favor, me digam onde ta o erro que impede uma página de de ir pra outra. eu tenho 3 paginas (genero,cor da pele, cor de cabelo, e a primeira precisa preencher um dos inputs para ser direcionada para a segunda e a segunda para ser direcionada para a terceira.pra isso fiz duas funcoes: uma q verifica o genero masculino ou feminino(inputs) e a outra que verifica cor da pele.caso imput n seja preenchido, ha um alerta solicitando que se preencha.consegui transferir de genero pra cor da pele. tudo certinho.mas de cor da pele pra cor do cabelo nao. segue o código html delas e o código js

página gênero
`

<h1>Adicione seu gênero</h1>
<form>
    <input type="radio" name="selection" id="masculino" value="male">
    <label for="masculino">Masculino</label><br>
    <input type="radio" name="selection" id="feminino" value="female">
    <label for="feminino">Feminino</label><br>
</form>

<button id="btnVolte">volte</button>
<button id="btnProssiga">prossiga</button>

<script src="index.js"></script>

` página cor de pele

<p>Adicione sua cor de pele</p>
<form>
    <input type="radio" name="selectionSkin" id="peleBranca" value="Branca">
    <label for="branco">Branco</label><br>
    <input type="radio" name="selectionSkin" id="peleNegra" value="Negra">
    <label for="peleNegra">Negro</label><br>
    <input type="radio" name="selectionSkin" id="peleAmarela" value="Amarela">
    <label for="peleAmarela">Amarelo</label><br> <input type="radio" name="selectionSkin" id="peleVermelha"
        value="Vermelha">
    <label for="vermelho">Vermelho</label><br>
</form>

<!-- <a href="./Genero.html"><button id="voltarGenero">volte</button></a> -->
<button id="prossigaCorCabelo">prossiga</button></a>

<script src="index.js"></script>

código js

function verificarGenero() {
var masculino = document.getElementById("masculino");
var feminino = document.getElementById("feminino");
if (!masculino.checked && !feminino.checked) {
alert("Selecione uma opção");
} else {
window.location.href = "CorDaPele.html";
}
}

document.getElementById("btnProssiga").addEventListener("click", function () {
verificarGenero();
});

function verificarCor() {
var branco = document.getElementById("peleBranca");
var negro = document.getElementById("peleNegra");
var amarelo = document.getElementById("peleAmarela");
var vermelho = document.getElementById("peleVermelha");

if (!branco.checked && !negro.checked && !amarelo.checked && !vermelho.checked) {
  alert("Selecione uma opção");
} else {
  window.location.href = "corDoCabelo.html";
}

}

document.getElementById("prossigaCorCabelo").addEventListener("click", function () {
verificarCor();
});