Скачать или смотреть Vite + Typescript can't call onClick function, not defined

Hello everyone! I hope this video has helped solve your questions and issues. This video is shared because a solution has been found for the question/problem. I create videos for questions that have solutions. If you have any other issues, feel free to reach out to me on Instagram:   / ky.emrah  

Below, you can find the text related to the question/problem. In the video, the question will be presented first, followed by the answers. If the video moves too fast, feel free to pause and review the answers. If you need more detailed information, you can find the necessary sources and links at the bottom of this description. I hope this video has been helpful, and even if it doesn't directly solve your problem, it will guide you to the source of the solution. I'd appreciate it if you like the video and subscribe to my channel!Vite + Typescript can't call onClick function, not defined

I am working on weather app in Vite + Typescript, no framework, just plain TS.
I want to have delete function for each weather list item. When I click on delete button clickedID gets passed down to delete function and that function deletes the item from savedWeatherList array, but I get this error.
I get this error.
(index):29 Uncaught ReferenceError: deleteItem is not defined
at HTMLButtonElement.onclick

(index):29 Uncaught ReferenceError: deleteItem is not defined
at HTMLButtonElement.onclick

I have this delete function in my main.ts file:
function deleteItem(clickedID: number): void {
console.log("Item with the id of: " + clickedID + " was clicked!");
savedWeatherList = savedWeatherList.filter((item) = {
return item.id !== clickedID;
});
}

function deleteItem(clickedID: number): void {
console.log("Item with the id of: " + clickedID + " was clicked!");
savedWeatherList = savedWeatherList.filter((item) = {
return item.id !== clickedID;
});
}

In same main.ts file I add onclick attribute to the button where the function will be called.
const deleteButton: HTMLElement = document.createElement("button");
deleteButton.setAttribute("onclick", "deleteItem(item.id)");

const deleteButton: HTMLElement = document.createElement("button");
deleteButton.setAttribute("onclick", "deleteItem(item.id)");

Html attribute seems to be added correctly.



Why this function is not defined and can't be called?
My script tag in head section. Tried placing it in the body, but did not help.
script crossorigin src="/src/main.ts" type="module" /script

script crossorigin src="/src/main.ts" type="module" /script



Tags: typescript,onclick,vite,mouseevent,undefined-functionSource of the question:
https://stackoverflow.com/questions/7...

Question and source license information:
https://meta.stackexchange.com/help/l...
https://stackoverflow.com/