미술관 및 박물관 링크
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>미술관 및 박물관 링크</h1>
<select id="links" onchange="golink()">
<option>대상을 선택</option>
<option>----- 미술 관-----</option>
<option value="http://sema.seoul.go.kr">서울 시립 미술관</option>
<option value="http://www.mmca.go.kr">국립 현대 미술관</option>
<option value="http://www.sac.or.kr">예술의 전당</option>
<option>----- 박물관 -----</option>
<option value="http://www.museum.go.kr">국립 중앙 박물관</option>
<option value="http://www.museum.seoul.kr">서울 역사 박물관</option>
<option value="http://www.nfm.go.kr">국립 민속 박물관</option>
</select>
<script type="text/javascript">
function golink() {
// select index
let selectIndex = document.getElementById('links').selectedIndex;
// alert(selectIndex);
let url = document.getElementById("links").options[selectIndex].value;
if(selectIndex != 0 && selectIndex != 1 && selectIndex != 5){
location.href = url;
}
// 0번, 1번, 5번 째 라인에는 링크가 들어있지 않다.
}
</script>
</body>
</html>
'IT > Html + CSS + JS' 카테고리의 다른 글
[Html+XML ] script 영역에서 테이블 생성하기 (0) | 2021.06.08 |
---|---|
[Html + JSON ] script 영역에서 테이블 생성하기 (0) | 2021.06.08 |
[Html+JavaScript] "1일 1개씩 먹으면 의사 필요없다" (0) | 2021.06.07 |
[Html+JavaScript] 버튼 클릭 시 홈페이지 배경색 변경 (0) | 2021.06.07 |
[Html+JavaScript] 계산기 (0) | 2021.06.07 |