이미지 파일 접근 경로 설명 글 : https://chlee21.tistory.com/80?category=936649
사진 클릭 시 경고창 띄우기 예시 1
설명
img 태그안에 onclick="alert('내용')"을 설정하여 클릭 시 경고창이 뜨게 한다.
alert : 경고창 함수
<img alt="" src="santorini.jpg" onclick="alert('여행가고 싶다!')" width="500">
실행화면
사진 클릭 시 경고창 띄우기 예시 2
설명
onclick="func()" 클릭시 func()함수로 이동
<img alt="" id="img" src="santorini.jpg" onclick="func()" width="500">
<script type="text/javascript">
function func() {
alert('여행가고 싶다!!');
}
</script>
실행화면
'IT > JavaScript' 카테고리의 다른 글
[Html+JavaScript] 계산기(feat.Dom) (0) | 2021.06.06 |
---|---|
[Html+JavaScript] 정답을 입력받고 경고창으로 정답 확인하기/조건문/alert (0) | 2021.06.06 |
[Html+JavaScript] 진수 변환하기/10진수를 2진수, 8진수, 16진수 변환하기/toString(feat.Dom) (0) | 2021.06.06 |
[Html+JavaScript]Date()사용법/날짜,시간 설정하기(setter)/년,월,일,요일,시,분,초 출력하기(getter)(feat.Dom) (0) | 2021.06.06 |
[Html+JavaScript]1초당 갱신되는 시계 만들기(feat.Dom)/setInterval()/Date() (0) | 2021.06.06 |