Para visualizar o resultado desse exemplo é preciso que os arquivos estejam hospedados em servidor remoto ou local. Saiba o porquê em Cross-Origin Resource Sharing (CORS)
Visite esse exemplo hospedado remotamente em https://kwz.me/hxT (link abre em nova janela).
ou
Instale a extensão Live Server (link abre em nova janela) no VS Code para rodar e visualizar em um servidor local.