Muito massa o tutorial, até uma criança entenderia hahaha. Tenho uma sugestão pra refatorar a questão dos ifs, é bem simples na verdade.

Se liga:

`const quadrado = document.getElementById("quadrado"); // tornar a variável global

function trocarCor(cor) {
switch(cor) {
case 'branco':
quadrado.style.backgroundColor = "#FFFFFF";
quadrado.style.borderRadius = "0";
quadrado.style.transition = "0.6s";
quadrado.style.clipPath = "polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)"; // Quadrado
break;
case 'azul':
quadrado.style.backgroundColor = "#0000FF";
quadrado.style.clipPath = "polygon(0 0, 100% 0, 50% 100%)"; // Triângulo de ponta-cabeça
quadrado.style.transition = "0.6s";
break;
case 'verde':
quadrado.style.backgroundColor = "#00FF00";
quadrado.style.transition = "0.6s";
quadrado.style.clipPath = "polygon(50% 0%, 100% 0%, 100% 100%)"; // Triângulo
break;

case 'rosa':
quadrado.style.backgroundColor = "#FFFFFF";
quadrado.style.borderRadius = "0";
quadrado.style.transition = "0.6s";
quadrado.style.clipPath = "polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)";
break;

default: alert('Selecione qualquer cor!')
}`

Bem, tem refatorações melhores como as que comentaram hahaha, mas dependendo do contexto, acaba sendo melhor usar switch no lugar de if e elses, enfim, é só uma sugestão. Novamente, parabéns pelo tutorial!