SVG Interactivity to create rollover with javascript?

[existencecreative]

I want to create an SVG file using the SVG Interactivity in Illustrator CC 2019 to make a simple rollover graphic. I found one post (https://forums.adobe.com/message/6736597#7498392 ) about doing it in CS5 but I couldn't get it to work. Is there another way to do this? I'm not that familiar with javascript coding but my objective is to have the graphic on (layer 1) show on the website and then switch to another graphic on (layer 2) when you rollover (mouseover) and then go back to the original graphic (layer 1) when you move the mouse off of the graphic (mouseout). Any suggestions or help would be much appreciated?

[JonathanArias]

I have used this course for learning how to make one:

Design the Web: SVG Rollovers with CSS