So, i’m very new to html, css and javascript, and i trying to trigger a transition with javascript, but it’s not working, "menu-icon" it’s a span tag with a litle image that is inside another div, that’s also inside the header, here’s the code (i’m using microsoft edge).

<script>
  const openMenu = document.querySelector('.menu-icon');
  openMenu.addEventListener('click', () => {
    openMenu.style.transform.scaleX = 100%;
  });
</script>

The edge DevTools said that it was a syntax error (a bracket on the line 5, column 1), but when I deleted it, it said that it was the parenthese next to it, I deleted it, and now it says there’s not an end for the input.

>Solution :

Please use this code instead:

<script>
  const openMenu = document.querySelector('.menu-icon');
  openMenu.addEventListener('click', () => {
    openMenu.style.transform = "scaleX(100%)";
  })
</script>