Блог

Я пытаюсь изменить кнопку на фиолетовую при первом щелчке, но затем снова на розовую при втором щелчке, а затем так далее. Есть ли способ сделать это? Это код, который у меня есть прямо сейчас:

 <button onclick="myFunction()" id="yum"></button>

<script>
    function myFunction(){
        document.getElementById("yum").style.background = "purple";
    }
</script>

<style>
   #yum {
      height: 60px;
      width: 60px;
      background-color: pink;
      margin-top: 100px;
      margin-left: 100px;
      border: 1px;
    }
</style>
 

Спасибо!