How to do it so that when you click the button again, val="of" would change to val="on"?

Question

JavaScript

Hello.
I have a button

<button class="button" val="off" filter="БлаБла">
    <span>БлаБла</span>
</button>

When you click on it, it val="off"changes to val="on"
When you press it again, the repeated action does not occur, that is, I need it to change to the third time instead val="on"of changing to val="off"
Tell me how to do it)

Answer 1

Answer 2

toggle js