Assim como getAttribute("atributo") é usado para mostrar o valor do atributo, setAttribute("nomeAtributo","valorAtributo") serve para adicionar atributos e seus valores, consequentemente você pode repetir o nome de algum atributo já existente e substituir seu valor.
Exemplo: HTML - antes:
<h1 letra="azul">Computador</h1>
no console:
titulo = document.querySelector("h1")
titulo.setAttribute("letra", "vermelho")
HTML - agora:
<h1 letra="vermelho">Computador</h1>
para quem quiser ver isso na pratica estou deixando o link para meu gitHub onde criei esse esquema mais visual e como colocar ele ligado ao button.
link: https://github.com/Brunobahy/Dicas-para-resolu-o-aula-4.git
Espero te ajudado ;D