프로젝트 에러 - Uncaught ReferenceError: clickZzim is not defined

이건 되고

zzimBtn.onclick = function(){
	$.ajax({
		type : "get",
		url : "zzimClick_ajax",
		async : false, //전역변수 값 저장을 위해 필요
		data : {
			"zzubcode" : ubcode,
			"zzmid" : loginId,
			"zzim_Check" : zzim_Check
		},

		success : function(zzimCheck) {
			console.log("zzimCheck : " + zzimCheck);

			if (zzimCheck == 'CHECK') { //찜 했을 때
				/* zzimBtn.classList.remove("blue");
				zzimBtn.classList.add("red"); */
				zzim_Check = 'CHECK';

				ubzzim = Number(ubzzim)+1;
				document.getElementById("zzimCount").innerHTML = ubzzim;
				
				$("#zzimBtn").addClass("fa-solid");
				
			} else { //찜 취소했을 때
				/* zzimBtn.classList.remove("red");
				zzimBtn.classList.add("blue"); */
				zzim_Check = 'UNCHECK';
				
				$("#zzimBtn").removeClass("fa-solid");
				
				ubzzim = Number(ubzzim)-1;
				document.getElementById("zzimCount").innerHTML = ubzzim;
			}
		}
	})
	
}

 

 

이건 안된다   왜????????????????????????????????????

zzimBtn.addEventListener('click', clickZzim);

function clickZzim(){
	$.ajax({
		type : "get",
		url : "zzimClick_ajax",
		async : false, //전역변수 값 저장을 위해 필요
		data : {
			"zzubcode" : ubcode,
			"zzmid" : loginId,
			"zzim_Check" : zzim_Check
		},

		success : function(zzimCheck) {
			console.log("zzimCheck : " + zzimCheck);

			if (zzimCheck == 'CHECK') { //찜 했을 때
				/* zzimBtn.classList.remove("blue");
				zzimBtn.classList.add("red"); */
				zzim_Check = 'CHECK';

				ubzzim = Number(ubzzim)+1;
				document.getElementById("zzimCount").innerHTML = ubzzim;
				
				$("#zzimBtn").addClass("fa-solid");
				
			} else { //찜 취소했을 때
				/* zzimBtn.classList.remove("red");
				zzimBtn.classList.add("blue"); */
				zzim_Check = 'UNCHECK';
				
				$("#zzimBtn").removeClass("fa-solid");
				
				ubzzim = Number(ubzzim)-1;
				document.getElementById("zzimCount").innerHTML = ubzzim;
			}
		}
	})
	
}

 

갑자기 되네.... 딥빡..  

 

서로 다른 script 태그안에 있으면 에러난다.

Uncaught ReferenceError: clickZzim is not defined

함수를 못찾는다.