초짜코딩의 잡동사니

{ const arrBox = [100, 200, 300, 400, 500, 600, 700]; // 300, 400 const result = arrBox.slice(2,4); document.write(result); const result2 = arrBox.splice(2,2); document.write(result2); // 100, 300, 500, 700 const result3 = arrBox.slice(0,1)+arrBox.slice(2,3)+arrBox.slice(4,5)+arrBox.slice(6,7); document.write(result3); const result4 = arrBox.splice(0,1)+arrBox.splice(1,1)+arrBox.splice(2,1)+arrB..

const searchBox = document.querySelector("#search-box"); //search-box 변수에 저장 const cssList = document.querySelectorAll(".list ul li"); //다수의 li를 변수에 저장 const cssCount = document.querySelector(".count em"); //.count em 변수에 저장 cssList.forEach((element, index) => { element.classList.add("show"); cssCount.innerHTML = index + 1; }) searchBox.addEventListener("keyup", () => { //input을 클릭했을 때 이벤트 설정 co..

반복문 반복문을 이용하면 코드를 원하는 횟수만큼 반복하여 실행할 수 있습니다. 가령 "안녕하세요1"라는 문구를 100회 출력하려면 출력문을 100번 작성해야 하지만 반복문을 사용한다면 한 줄의 출력문으로 100회 출력할수 있습니다. 반복문에는 while문과 do while문, for문이 있습니다. while문 while문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있습니다. 다음은 while문의 기본형입니다. var 변수 = 초기값; while(조건식){ 자바스크립트 코드; 증감식; } 다음예제는 while 문을 사용해 '안녕하세요1 ~ 안녕하세요10'까지 1씩 증가하면서 10회 출력하도록 작성했습니다. while문의 조건식 i는

조건문 조건문은 조건식의 값이 참(true)인지, 거짓(false)인지에 따라 자바스크립트 코드를 제어합니다. 조건문에 종류에는 if문, else문 그리고 if else문이 있습니다. if문 if 문은 조건식을 만족(true)할 경우에만 코드를 실행합니다. 다음은 if 문의 기본형입니다. 조건식은 Boolean() 내장 매서드와 마찬가지로 그 어떤 데이터를 입력해도 true 또는 false를 반환합니다. if(조건식){ 자바스크립트 코드; } 다음예제는 방문자로부터 입력받은 걸음 수를 조건문으로 만들고, 걸음 수가 10,000보 이상일 경우에만 결과를 출력하도록 작성했습니다. 입력한 값이 10,000보 이상일 경우에는 조건식에 true를 반환하여 중괄호에 코드를 실행하지만 10,000보 미만일경우에는 "..

const searchBox = document.querySelector("#search-box"); //search-box 변수에 저장 const cssList = document.querySelectorAll(".list ul li"); //다수의 li를 변수에 저장 searchBox.addEventListener("keyup", () => { //input를 클릭했을 때 이벤트 설정 const searchWord = searchBox.value; //사용자가 입력한 데이터 저장소 변수에 저장 cssList.forEach(el => { //다수의 li에 적용 //console.log(el.dataset.name) const cssName = el.dataset.name; // CSS 속성 값을 변수에..

연산자란? 주어진 식을 계산하여 결과를 얻어내는 과정을 연산이라고 하며, 연산을 수행하는 기호를 연산자라고 합니다. 'a + 5'이라는 식이 있을 때, '+'는 두 피연산자를 더해서 결과를 반환하는 덧셈 연산자이고, 변수 x와 상수 3은 이 연산자의 피연산자이다. 연산자는 피연산자로 연산을 수행하고 나면 항상 결과값을 반환합니다. 대부분의 연산자는 두 개의 피연산자를 필요로 하며, 하나 또는 세개의 피연산자를 필요로 하는 연산자도 있습니다. 산술연산자 산술 연산자는 사칙연산을 다루는 기본적이면서도 가장 많이 사용되는 연산자입니다. 산술 연산자는 모두 두 개의 피연산자를 가지는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽입니다. 산술연산자 설명 + 왼쪽의 피연산자에서 오른쪽의 피연산자를 더함..