[javascript] 조건문을 사용한 사전 검색 기능 예제

12 Dec 2023

javascript

이 예제에서는 JavaScript를 사용하여 간단한 사전 검색 기능을 구현할 것입니다.

1. HTML

<!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>
  <label for="word">단어 입력:</label>
  <input type="text" id="word">
  <button onclick="searchWord()">검색</button>

  <div id="result"></div>

  <script src="search.js"></script>
</body>
</html>

2. JavaScript

// 단어 사전 객체
const dictionary = {
  "apple": "사과",
  "banana": "바나나",
  "cherry": "체리",
  "dog": "개",
  "elephant": "코끼리"
};

// 검색 함수
function searchWord() {
  const word = document.getElementById("word").value.toLowerCase();  // 입력값을 소문자로 변환
  const resultDiv = document.getElementById("result");

  if (dictionary[word]) {
    resultDiv.innerText = `단어: ${word}, 뜻: ${dictionary[word]}`;
  } else {
    resultDiv.innerText = "단어를 찾을 수 없습니다.";
  }
}

이 예제는 사용자가 입력한 단어를 사전 객체에서 검색하여 결과를 표시합니다.

참고 링크