Javascript не обновляется после изменения

В моем HTML-коде у меня есть SVG с прямоугольником, который связан с созданной мной функцией JavaScript. Чтобы проверить, работает ли кнопка, я сделал код JavaScript очень простым:

function print() {
    alert("Print Statement.");
}

<svg width = "500" height = "500">
    <rect width = "100" height = "50" x = "10" y = "10" onclick = "print();" />
</svg>

Это работает нормально, но когда я изменяю строку для печати в операторе печати, он по-прежнему печатает предыдущую строку (т.е. если он напечатал «Hello», а я изменил его на «World», он все равно будет печатать «Hello»). Я попробовал выполнить основные шаги по обновлению веб-страницы, убедившись, что код сохранен, и даже удалил всю функцию и снова переписал ее. Он по-прежнему не обновляет код. Это проблема, потому что, когда я начинаю реализовывать реальные функции, которые мне нужны, если мне когда-либо понадобится внести изменения, они не будут обновляться. Любые идеи?

(РЕДАКТИРОВАТЬ)

Я использую Visual Studio Code для текстового редактора и Google Chrome для браузера. Код JavaScript находится в отдельном файле и импортируется в теги заголовка следующим образом: <script src = "file.js" type = "text/javascript"></script> Основной HTML-код - это файл PHP, потому что позже я собираюсь внедрить базы данных на сайт.