반응형
[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
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] <p> 태그안에 있는 텍스트 가지고 오는 방법 !! (0) | 2024.05.08 |
|---|---|
| [JavaScript] 텍스트를 입력 받아 해시태그를 추가하는 방법 !! (# 추가하기) (0) | 2024.05.03 |
| [DataTables & jquery] 데이터테이블에서 row 클릭 이벤트 사용하는 방법 !! (0) | 2024.04.11 |
| [JavaScript] 자바스크립트를 활용하여 클립보드에 텍스트 복사하는 방법 !! (0) | 2024.04.03 |
| [JavaScript] chart.js 를 사용하여 PPG Signal(심박수) 처럼 그래프 만드는 방법 !! (2) | 2024.02.25 |
댓글