Develop record
[Javascript] 삼항 연산 본문
- 세 개의 항을 이용해 결과를 반환
- if문의 단축 형태로 사용
- 첫 번째 항인 조건식의 결과에 따라 남은 두항 중 하나를 반환
| 조건식 ? 참일 경우의 결과 : 거짓일 경우의 결과 - 조건식 : 조건 역할을 하는 표현식 - 참일 경우의 결과 : 조건식의 결과가 참일 경우 반환될 값 - 거짓일 경우의 결과 : 조건식의 결과가 거짓일 경우 반환될 값 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>추가</title>
</head>
<body>
<select>
<option value="foot" selected>축구</option> <!-- 기본 설정 값 -->
<option value="base">야구</option>
<option value="basket">농구</option>
</select>
<button>PICK</button>
<script src="event.js"></script>
</body>
</html>const select = document.querySelector('select')
const button = document.querySelector('button')
button.addEventListener('click', function(){
console.log(select.value) //select는 사용자가 직접 선택하기 때문에 value를 읽을 수 있음
let result;
result = select.value == "foot" ?
"축구를 선택했네요" : "축구를 선택하지 않았네요!"
alert(result)
})'Programming Language > Javascript' 카테고리의 다른 글
| [Javascript] classList (1) | 2024.01.14 |
|---|---|
| [Javascript] Timer (setTimeout, setInterval, clearInterval) (1) | 2024.01.14 |
| [Javascript] value, preventDefault (1) | 2024.01.14 |
| [Javascript] createElement, appendChild (0) | 2024.01.14 |
| [Javascript] addEventListener (0) | 2024.01.14 |
'Programming Language/Javascript' Related Articles
more
