본문 바로가기
728x90
반응형

javascript13

JavaScript split 문자열 구분자로 잘라서 배열로 let str = "lemon";let result = str.split("");console.log(result); // ["l", "e", "m", "o", "n"]   JavaScript split()문자열 구분자로 잘라서 배열로 만드는 다양한 예제   JavaScript에서 문자열을 다룰 때 자주 사용되는 split() 함수는 문자열을 특정 구분자로 잘라서 배열로 변환할 때 자주 사용됩니다. split 함수는 간단한 구분자부터 정규표현식까지 다양한 방식으로 문자열을 나눌 수 있어, 텍스트 데이터 처리에 있어 매우 강력한 도구죠. 이번 글에서는 split() 함수의 기본 사용법부터 고급 사용법, 그리고 실전 응용 예제를 통해 이 함수의 다양한 활용 방법을 알아보겠습니다. 이를 통해  문자열을 더욱 .. 2024. 6. 13.
Javascript replace 함수 기본 사용법과 예제, 다양한 활용 Javascript : replace함수의 사용법, 예제, 다양한 활용     자바스크립트에서 replace 함수는 문자열에서 특정 패턴을 찾아 다른 문자열로 바꾸어주는 데 사용됩니다. 이 함수를 제대로 활용하면 문자열 처리를 더욱 고급지게 활용할 수 있습니다. 이 글을 통해 replace 함수의 활용법과 다양한 활용 예시들을 다뤄보면  보다 친숙하게 느끼실 것이라고 기대됩니다. 함께 replace 함수의 매력을 발견해보는 재미있는 여정이 되어 보실까요?    replace 기본 사용법replace 함수는 두 가지 인수를 받습니다.교체할 부분(문자열 또는 정규식)교체할 새로운 문자열replace 함수의 문법은 다음을 참고해 주세요.string.replace(searchValue, newValue) sea.. 2024. 6. 2.
Javascript 체크박스 모두 체크 및 해제 Javascript  체크박스 일괄 체크 및 해제   체크박스는 웹 페이지나 웹 애플리케이션에서 다양한 형태의 데이터 필터링이나 선택 기능을 구현할 때 사용할 수 있습니다. 여러 항목 중에서 사용자가 원하는 항목을 선택하거나 선택 해제할 수 있는 기능을 구현할 때 사용할 수 있습니다이번 포스팅에서는 자바스크립트로 여러개의 체크박스를 한 번에 모두 선택하거나 한 번에 모두 선택을 해제하는 기능을 알아보도록 하겠습니다.    자바스크립트로 여러 체크박스 모두 체크 및 해제하기  Checkbox 1 Checkbox 2 Checkbox 3 Checkbox 4 Checkbox 5 모두 체크 모두 언체크  모든 체크박스를 체크 선택하기// 모든 체크박스를 선택하기fun.. 2024. 5. 31.
로또 645 1등 당첨 예상번호 생성기 소스 로또 645 1등 당첨 예상번호 생성기 소스   이번 주 로또 1등에 당첨되면 얼마나 좋을까요? 주말이 다가올 때마다 로또 복권을 사며 막연한 기대감을 가지곤 합니다. 필자도 어제 로또를 5게임 구매했습니다. 그러나 실제로 당첨 번호를 맞추는 일은 생각만큼 쉽지 않은 것 같습니다. 그렇다고 포기할 수는 없죠! 그래서 오늘은 여러분과 함께 로또 번호 생성기를 만들어 보려고 합니다. 이 생성기는 과거의 1등 당첨 번호를 제외하고 새로운 번호를 생성하는 기능이 탑재되어 있습니다. 과거의 당첨 번호를 배제함으로써 조금이라도 당첨 확률을 높여보자는 소망이 담겨 있습니다. 설마 과거에 당첨된 1등 번호가 또 당첨되지는 않겠지요? HTML, CSS, JavaScript를 이용해 간단하게 구현할 수 있는 이 로또 번호.. 2024. 5. 31.
Javascript 벽돌깨기 게임 소스 공유 자바스크립트 벽돌깨기 게임 소스   어릴 때 아케이드 게임에서 즐겼던 '벽돌깨기' 게임 기억하시나요? 별돌깨기 게임은 정말 단순하지만 중독성이 강해서 재미있었죠. 오늘은 그런 추억을 떠올리며, HTML, CSS, JavaScript를 활용해서 직접 벽돌깨기 게임을 만들어 보았습니다.이 게임은 500px × 600px 크기의 캔버스에 200개의 무작위 색상 벽돌이 쌓여 있어요. 각 벽돌을 깨면 다른 점수를 얻을 수 있고, 공이 바닥에 닿으면 게임이 끝나죠. 키보드로 바를 움직여서 공을 튕겨 벽돌을 깨는 동작은 고전적인 아케이드 게임의 느낌을 그대로 살렸습니다.각 벽돌의 색깔마다 다른 점수를 획득할 수 있고, 점수가 올라갈 때마다 공의 속도가 조금씩 빨라지도록 했습니다.   벽돌깨기 게임의 코드를 완성하고 .. 2024. 5. 29.
Javascript 엘리베이터 동작 시뮬레이션 자바스크립트 엘리베이터 동작 시뮬레이션     먼저 위의 gif 그림을 살펴보자. 웹페이지의 중에 있는 사각형은 5층짜리 건물이다.이 건물에는 엘리베이터가 설치되어 있고 엘리베이터에서 원하는 층의 버튼을 누르면 해당층으로 이동하는 엘리베이터 시뮬레이션 프로그램인 것을 알 수 있다. html, css, javascript로 위 기능을 하는 웹프로그램을 작성해 보도록 하겠다.    elevator.html 1층 2층 3층 .. 2024. 5. 28.
728x90
반응형