Изменение глобально управляемой переменной, передаваемой через функцию onclick

У меня возникают проблемы с изменением объекта JSON при использовании функции onclick в строке таблицы в моем файле .pug. Моя функция находится в файле .js.

<th onclick = "changeQuality(#{JSON.stringify(testData)}, 'Good')" class= "col-fixed-img"><img src = "/images/Check.jpg"></th>

моя функция changeQuality () находится в моем файле .js:

 function changeQuality(testData, id) {
  testData.newQuality = id;
}

Значение устанавливается правильно в моей функции changeQuality в моем файле .js, однако оно не меняет значение testData в моем файле .pug. Как я могу сделать так, чтобы при вызове этой функции она немедленно обновляла данные, найденные в моем файле .pug?

🤔 А знаете ли вы, что...
JavaScript поддерживает асинхронное программирование с использованием промисов и асинхронных функций.


19