Итак, по сути, я полный новичок в SVG, Javascript и CSS, и все это мне нужно для этого проекта. По сути, я пытаюсь изменить цвет прямоугольника при нажатии на него. Прямо сейчас мой JS код
let monday = document.getElementById("monOn");
monday.onclick = function(e) {
monday.setAttribute("fill","red");
console.log("click");
}
Все проверяется, и консоль регистрируется, когда я нажимаю.
Мой SVG-код для настройки прямоугольника
<svg class="background">
<rect id="monOn" pointer-events="visible" fill="blue" />
</svg>
Однако, когда я нажимаю, появляется сообщение об ошибке «TypeError: Ожидается функция»
Я понимаю, что означает сообщение об ошибке, но из всего, что я видел, функция changeAttribute () делает не требует функции.
В качестве примечания мне было интересно, как я могу настроить кнопку в SVG, а не просто прямоугольник.
Любая помощь приветствуется, спасибо.