آموزش تایپ‌های تایپ‌اسکریپت به همراه کاربردهای عملی

const usernameInput = document.getElementById("username") as HTMLInputElement | null;
const PasswordInput = document.getElementById("password") as HTMLInputElement | null;
const submitButton = document.getElementById("submit-button") as HTMLButtonElement | null;

interface UserType {
	username:string
	password:string
}
interface ResponseTypes{
	access_token:string|undefined,
	refresh_token:string|undefined,
}

const sendData = async () :Promise<void> =>{
	const userObject:UserType = {
		username: usernameInput?.value || "NotExists",
		password: PasswordInput?.value || "NotExists",
	} 
	const resposne:Response = await fetch("BACKEND_DOMAIN",{
		method:"POST",
		headers:{"Content-Type":"application/json"},
		body:JSON.stringify(userObject)
	})
	if (resposne.ok){
		const result:ResponseTypes = await resposne.json();
		// انجام عملیات احراز هویت 
	}
}

if (submitButton !== null){
	submitButton.addEventListener("click",sendData)
}