겉바속촉

[html]자바스크립트-함수불러오기 본문

IT일기(하반기)/HTML

[html]자바스크립트-함수불러오기

겉바속촉 2020. 6. 11. 15:23
728x90
반응형

스크립트 안에다가

sampleConfirm명을 가진 함수를 만들었습니다:)

 

이 함수는 if문을 활용해줄게요

그래서 좋아요? 라고 물어봤을 때

 

확인 , 취소를 누른 결과가 alert창으로 뜨게 해줄게요!

 

 

 

다음과 같이 작성해주세요:)

 

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
	function sampleConfirm(){
		if(confirm('좋아요?'))
			alert("네 좋아요");
		else
			alert("아니요");
	}

</script>
</head>
<body>
	<div>
		<input type="button" onclick=""
		value="click me!!">
	</div>

</body>
</html>

 

body부분을 보시면 button을 하나 만들었죠??

button에 써져 있는 값은 click me!! 라고 주었습니다:)

 

 

click me 를 누르면 이동하게 해주려고 onclick="" 이라고 넣어줍니다

그리고 스크립트에서 작성해준 함수를

불러오는 거에요:)

 

onclick에다가!!!!!!!!!!!!

 

 

 

 

 

완성된 전체 코드블럭

 

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
	function sampleConfirm(){
		if(confirm('좋아요?'))
			alert("네 좋아요");
		else
			alert("아니요");
	}

</script>
</head>
<body>
	<div>
		<input type="button" onclick="sampleConfirm()"
		value="click me!!">
	</div>

</body>
</html>

 

확인 누르면

 

취소 누르면

728x90
반응형
저작자표시 비영리 변경금지

'IT일기(하반기) > HTML' 카테고리의 다른 글

[html] 자바스크립트- popup창 생성하기  (0) 2020.06.11
[html] 자바스크립트-수강신청  (0) 2020.06.11
[html] 자바스크립트-함수  (0) 2020.06.11
[html] 자바스크립트-형변환  (0) 2020.06.11
[html] 자동완성 설치하기  (0) 2020.06.11
'IT일기(하반기)/HTML' Related Articles more