JS/JS 수업분 54

[JS] day08_나이구하기

이름 : 주민번호 : 확인 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>나이구하기title>    head>body>    이름 : input type="text" id="name"> br>    주민번호 : input type="text" id="rNum"> br>    ..

JS/JS 수업분 2023.04.18

[JS] day08_stringMethod, 파일명 추출

DOCTYPE html> String_method String let str = "apple, banana, orange"; let startIndex = 0; let endIndex = 5; // 마지막 endIndex는 미포함됨. console.log(str.slice(startIndex, endIndex)); //apple console.log(str.substring(startIndex, endIndex)); //apple // slice와 substring 사용방법 동일 console.log(str.slice(7)); //apple, banana // index부터 끝까지 출력 console.log(str.slice(-6)); //orange // -입력시, 뒤에서 부터 추출 console.lo..

JS/JS 수업분 2023.04.18

[JS] day08_event3 (할인율 계산)

가격 : 원 할인율 : % 할인가격 계산 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>할인율title>head>body>    form action="">        가격 : input type="text" id="price"> 원 br>   ..

JS/JS 수업분 2023.04.18

[JS] day08_event2 (클릭시 스타일 변경)

javascript 위의 글자 클릭 test aa " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>글자색 바꾸기title>    style>        .java{            color: aquamarine;            font-size: 50px;        ..

JS/JS 수업분 2023.04.18

[JS] day08_event2 (클릭시 스타일 변경)

javascript 위의 글자 클릭 test aa " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스    DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta http-equiv="X-UA-Compatible" content="IE=edge">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>글자색 바꾸기title>    style>        .java{            color: aquamarine;            font-size: 50px;        ..

JS/JS 수업분 2023.04.18

[JS] day07_Object

DOCTYPE html> 객체 객체 const car = {name:'myCar',year:2023}; // car = 100; 재할당 불가능 = car 객체의 지속성을 확보하기 위해서 let car2 = {name:'superCar', year:2023}; car2 = 100; // let은 재할당이 가능하지만, car2의 객체는 사라짐 // = 객체를 활용하고자하는 목적이 사라짐 const me = { lastName : 'park', firstName : 'jungeun', age : 26, addr : 'incheon', isDeveloper : true, 'hobby' : 'game', 'myFavor' : '간식', // 따옴표 사용도 가능! avail:{ year:2023, title:'ja..

JS/JS 수업분 2023.04.17