반응형
[JavaScript] 텍스트를 입력 받아 해시태그를 추가하는 방법 !! (# 추가하기)
input창에 텍스트를 넣으면 자동으로 해시태그(#)를 붙여주는 함수 입니다 ㅎ
예제코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Auto-Hashtag Function Example</title>
<script>
function addHashtag() {
const inputField = document.getElementById('inputField').value;
const inputs = inputField.split(','); // 입력 값을 쉼표로 분리
// 각 값의 앞에 #을 추가
const processedValues = inputs.map(input => {
const value = input.trim(); // 공백 제거
return '#' + value; // 해시태그 추가
});
// 결과를 화면에 출력
document.getElementById('result').textContent = processedValues.join(', ');
}
</script>
</head>
<body>
<h1>Automatic Hashtag</h1>
<label for="inputField">값을 넣어주세요:</label>
<input type="text" id="inputField" placeholder="단어는 콤마로 구분해주세요">
<button onclick="addHashtag()">Click</button>
<p id="result"></p>
</body>
</html>결과값
Automatic Hashtag
728x90
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] keydown, keyup, keypress 함수의 기능 및 차이점 (0) | 2024.05.31 |
|---|---|
| [JavaScript] <p> 태그안에 있는 텍스트 가지고 오는 방법 !! (0) | 2024.05.08 |
| [JavaScript] 자바스크립트를 활용하여 단어 치환하는 방법 !! (0) | 2024.04.15 |
| [DataTables & jquery] 데이터테이블에서 row 클릭 이벤트 사용하는 방법 !! (0) | 2024.04.11 |
| [JavaScript] 자바스크립트를 활용하여 클립보드에 텍스트 복사하는 방법 !! (0) | 2024.04.03 |
댓글