Heistater

2021-10-20 ★89string.html 큰따옴표, 작은따옴표 string 은 "javascript", 'html' 처럼 "", '' 둘다 사용 가능 밖에 ""를 사용했으면 안에는 ''를, 밖에 ''를 사용했으면 안에는 ""를 사용 가능 밖에 ""를사용했는데 안쪽에 ""를 사용하려면 역슬래쉬(＼,\)를 써야 ' '도 마찬가지 ○결과값 ★90string-backtick.html template literal(template string) 숫자 1옆에 ~ ````````````````````````````

2021-10-19 오후 81 event~ 3가지 중점적으로 엘리멘트 안에있는 어트리뷰트를 사용하거나 dom에있는 객체의 프로퍼티를 사용하거나 함수1,함수2 만들고 이걸 다른 함수에 넣어서 동시에 사용 하기 addEventListener 추가하는 메소드 addEventListner 사용시 함수가 추가되는 개념이라 동시에 사용 가능 2번처럼 여러함수만들고 한꺼번에 실행하게안해도됨 //파라미터1 : 이벤트명 //파라미터2 : 실행할 함수 document.querySelector("#input1").addEventListener("keyup", function () { console.log(document.querySelector("#input1").value); }); document.querySelecto..

2021-10-19 화 ★70loop-for.html 구구단 콘솔이 출력 ○결과값 구구단 console창 + 현재창에 쓰기? 70loop-formy.html ○결과값 2~9단 잘나옴 documnet.write를 사용 하였다 document.querySelector사용 ○결과창 write는 이미쓰여져있는 곳 아래에 쓰기 때문에 그점을 유의하자 ★71loop-for.html ○결과값 While문 이 또한 무한루프 조심 ★72loop-while.html 자바 while과 유사 ○결과값 ★73loof-while.html 구구단 2단출격 ○결과값 ★74loof-while.html 구구단 출력 코드 내가쓴 코드(화면에도 출력되게) ○결과값 또 다른 코드 (console창에만) ○결과값 ★75loop-while.ht..

이 글에서는 가위바위보.. 예시들 rps = 가위바위보 rock, paper ,scissors ★49branch-rps.html T의 코드 39라인~ 70라인~ ○결과값 처음 결과 이겼을시 비겼을시 졌을시 T의 코드 전체 가위 바위 보 경기 결과 승 0 패 0 비김 0 ★49branch-rpsstudent.html 어떤 학생분의 가위바위보 승패 코드 ----------------------------승패 코드--------------------- // user와 r이 같으면 비김 let result; if (user == r) { result = "비겼습니다"; increase("#tie"); } else if ((user + 2) %3 ==r) { result = "이겼습니다"; increase("#w..

2021-10-15 41~ ★41dom-classList.html 40에서 2개의 버튼으로 class dark 추가제거를했다면 toggle로 한버튼으로? ○결과창 버튼하나로 dark 클래스 없으면 추가 , 있으면 삭제 ★42dom-classList.html 검은색 하트 빈 하트 하얀색하트 누르면 검은색하트 되고 검은색하트 누르면 하얀색하트 되는 고런 느낌 ○결과창 누르기전 누르기후 번외로 한번에 꽉찬 하트 빈하트 하는법 querySelectorAll("i") 한후 for문으로 했음 hc.classList.toggles(""); 로하면 console창에서 정의되지않는다고하는데 첫번째 꺼 이외의 것들이 안되서 그런것같음 ○결과창 하트 누르면 ★43dom-classList.html font에서 free han..

34dom.html~ 40dom-classList.html inline 요소들 emmet으로 작성시 한줄로가아닌 여러줄로 하게? https://git.io/JKnif ---------------------------- "emmet.syntaxProfiles": { "html": { "inline_break": 1 }, } ------------------- file-> preferences -> setting search setting에 중간에 Edit in settings.json 복붙할때 자신의 마지막에 , 확인 그후 마지막 } 위에 복붙 예를들어 input#input1+button{출력} 하면 아래 그림처럼 inline도 한줄에 아닌 여러줄에 나옴 (참고자료 예시) 2021-10-15 Documen..

2021-10-14 js 맛보기이후 첫수업 let 키워드 let으로 정의된 변수는 재지정할 수 없습니다. 사용하기 전에 let으로 정의된 변수를 선언해야 합니다. let 블록 범위를 사용하여 정의된 변수입니다. ★24function-return.html return : 메소드 종료 오른쪽에 있는 값 반환(return) ○결과창 return; 으로 console.log(3, "func1 실행중"); 이 실행되지 않고 메소드 종료됨 2. 오른쪽에 있는 값 반환(return) return 3; 함수가 호출한 곳으로 반환됨 func2() 가 3으로 치환된것 그래서 let a = func2(); 담고 console.log(a);하면 결과창처럼3 이나옴 console.log(func2()); 하면 func2() 실..

2021-10-14(목) ★06script-element.html 안에 있으면 다 자바스크립트 출력하는 것 자바의 (system.out~) :console.log("") f12 누르면 자바스크립트가 보인데유 f12-Console 탭 script 는 한개이상 존재할 수 있으며 순서대로 실행(위->아래) script는 어디에도 있을 수 있다. body엘리먼트, head 엘리먼트 등등.. 근데 코드들이 분산되있으면 보기어렵고 수정하기 어려우니 한곳에 몰아 넣는게 좋음 f12-Console 창 예시 06script-element.html ○결과창 ★07comment.html java script의 주석 // 한줄 주석 /* 여러줄 주석 */ console.log("단축키는 ctrl+/") ○결과창 주석쓰면 Co..