본문 바로가기

JAVASCRIPT9

자바스크립트 /value, textContent , innerHTML, innerText 사용 innerHTML 1. Element속성으로 해당 Element의 HTML, XML을 읽어오거나, 설정할 수 있다. ============================ innerText 1. Element내에서 사용자에게 보여지는 텍스트 값을 읽어옴 2. 연속된 공백은 무시하고 하나의 공백만 처리 =========================== textContent 1. textContent는 'Node'의 속성 2. 해상 노드가 가지고 있는 텍스트 값을 그대로 읽는다. 3. 연속된 공백을 그대로 표현 ============================ // 무언가를 입력하는 것들은 대부분 value를 사용한다. input / value select / value textarea / value // t.. 2023. 4. 18.
자바스크립트 배열 (JAVASCRIPT ARRAY) const color = ['red', 'blue', 'orange', 'yellow', 'green']; console.log(color[0]) // 배열의 0번째 인덱스를 콘솔에 띄워줌 // red color.length; // 배열의 요소 개수 알려줌 // 5 color[5] = 'apple'; // color = ['red', 'blue', 'orange', yellow', 'green', 'apple'] color.shift(); // 배열의 맨 처음 값을 제거해줌 //color = [blue', 'orange', yellow', 'green', 'apple'] color.unshift('red'); // 배열의 맨 앞에 'red'를 넣어줌 //color = ['red', 'blue', 'ora.. 2023. 4. 18.
자바스크립트 형 변환 (JAVASCRIPT ) 정수 또는 실수형 숫자로 변환할 때 Number('123'); -> 123 Number('123.4'); ->123.4 정수형태로 변환할 때 parseInt('1.23'); ->1 소수형태로 바꿀 때 parseFloat('12.3'); ->12.3 숫자를 문자열로 바꿀 때 String(123); ->'123' 숫자와 문자를 이어 문자열로 만들 때 12 + "3"; -> '123' prompt() : 문자열을 입력할 수 있는 팝업이 뜬다. parseInt(prompt()) 입력한 문자열을 숫자형으로 바꿔줌 이렇게 예시를 드는게 맞는지 모르겠네요 피드백 주시면 감사히 받겠습니다! 2023. 4. 18.
Modal Project modal project를 연습해봤다. 공부한 내용을 주석으로 작성했다. OPEN MODAL 클릭시 페이지 index.html main.js ✏️ Course created by John Smilga. Check out his YouTube channel: / codingaddict https://github.com/dancingcarrot/miniproject/tree/main/Modal 2023. 3. 30.