html - JavaScript toggle function and fill SVG

Question

I'm pretty new in coding JavaScript and I need help for this code.

<script>
    function OnOff() {
        var element = document.getElementById("")
        element.classList.toggle("")
    }
</script>

I want to change the fill property when I click the on off button.

If I click the button one time I light the bulb otherwise I turn it off.

question from:https://stackoverflow.com/questions/65864191/javascript-toggle-function-and-fill-svg

Answer 1

1. Change your a tag with this. I fixed some typo.

<a class="button" onclick="OnOff()">On/Off</a>

2)Add this class in your css file

.change-color {
  fill: #000000;
}

3. Finally change your script like this :)

<script>
  function OnOff() {
    var element = document.getElementById("Tracciato_1")
    element.classList.toggle("change-color");
  }
</script>

if you will have a question you can ask .