Coding/JavaScript

[JavaScript] 자바스크립트를 활용하여 단어 치환하는 방법 !!

포스트it 2024. 4. 15. 09:00
728x90
반응형

 

[JavaScript] 자바스크립트를 활용하여 단어 치환하는 방법 !!

자바스크립트를 활용해서 특정 단어를 치환하여 결과값을 뿌려주는 코드입니다.

 

예제코드
<!DOCTYPE html>
<html>
<head>
    <title>단어 리스트와 치환하기</title>
    <style>
        /* 필요하다면 여기에 CSS 스타일을 추가하세요 */
        #wordList {
            margin-left: 20px;
        }
    </style>
</head>
<body>
    <h2>단어 리스트와 치환하기</h2>

    <div>
        <label for="inputText">텍스트 입력:</label><br>
        <textarea id="inputText" rows="4" cols="50"></textarea><br><br>

        <label for="searchWord">치환할 단어:</label>
        <input type="text" id="searchWord"><br><br>

        <label for="replaceWord">대체할 단어:</label>
        <input type="text" id="replaceWord"><br><br>

        <button onclick="replaceWord()">치환하기</button><br><br>
    </div>

    <label>결과:</label><br>
    <textarea id="resultText" rows="4" cols="50" readonly></textarea>

    <script>
        function replaceWord() {
            var inputText = document.getElementById("inputText").value;
            var searchWord = document.getElementById("searchWord").value;
            var replaceWord = document.getElementById("replaceWord").value;

            var resultText = inputText.replace(new RegExp(searchWord, 'g'), replaceWord);
            document.getElementById("resultText").value = resultText;
        }
    </script>
</body>
</html>

결과값

728x90
반응형