728x90 반응형 html142 [JavaScript] 텍스트를 입력 받아 해시태그를 추가하는 방법 !! (# 추가하기) [JavaScript] 텍스트를 입력 받아 해시태그를 추가하는 방법 !! (# 추가하기)input창에 텍스트를 넣으면 자동으로 해시태그(#)를 붙여주는 함수 입니다 ㅎ 예제코드Automatic Hashtag 값을 넣어주세요: Click 결과값Automatic Hashtag 값을 넣어주세요: Click 2024. 5. 3. [JavaScript] 자바스크립트를 활용하여 단어 치환하는 방법 !! [JavaScript] 자바스크립트를 활용하여 단어 치환하는 방법 !! 자바스크립트를 활용해서 특정 단어를 치환하여 결과값을 뿌려주는 코드입니다. 예제코드 단어 리스트와 치환하기 텍스트 입력: 치환할 단어: 대체할 단어: 치환하기 결과: 결과값 2024. 4. 15. [JavaScript] 자바스크립트를 활용하여 클립보드에 텍스트 복사하는 방법 !! [JavaScript] 자바스크립트를 활용하여 클립보드에 텍스트 복사하는 방법 !! 특정 태그에 담겨있는 텍스트를 클립보드에 복사하는 함수를 만들어 봤습니다 ㅎ 예제코드 function clipboardCopy() { const textToCopy = document.getElementById('post-result').innerText; if (!navigator.clipboard) { console.error('클립보드 API를 지원하지 않는 브라우저입니다.'); return; } navigator.clipboard.writeText(textToCopy) .then(() => { console.log('텍스트가 클립보드에 복사되었습니다.'); }) .catch(err => { console.error.. 2024. 4. 3. [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (옆으로 회전 모양) #10 [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (옆으로 회전 모양) #10 햄버거 버튼 10째 햄버거 모양이 오른쪽으로 회전하는 모양 입니다 ! 예제코드 결과 2024. 3. 25. [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (동그라미 x자 모양) #9 [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (동그라미 x자 모양) #9 햄버거 버튼 9째 동그라미안에 X자 모양 입니다 ! 예제코드 결과 2024. 3. 19. [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (+ 플러스 모양) #8 [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (+ 플러스 모양) #8 햄버거 버튼 8번째 플러스(+) 모양 입니다 ! 예제코드 결과 2024. 3. 12. [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (대각선 모양) #7 [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (대각선 모양) #7 햄버거 버튼 7번째 대각선으로 변하는 모양 입니다 ! 예제코드 결과 2024. 3. 10. [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (+에서 x자 모양) #6 [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (+에서 x자 모양) #6 햄버거 버튼 6번째 +에서 x자로 변하는 모양 입니다 ! 예제코드 결과 2024. 3. 8. [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (v자 모양) #5 [Html & CSS] 헤더에 있는 햄버거 버튼 꾸미기 및 만드는 방법 !! (v자 모양) #5 햄버거 버튼 5번째 브이(v) 모양 입니다 ! 예제코드 결과 2024. 3. 6. 이전 1 2 3 4 ··· 16 다음 728x90 반응형
