본문 바로가기
728x90
반응형

자바스크립트4

코딩게임 :코딩이 익숙하지 않을 때 ​코딩을 배웠는데 익숙하지 않거나 재미있게 코딩을 하고 싶을 때 코딩 게임으로 연습해보자. 주소는 www.codinggame.com Coding Games and Programming Challenges to Code Better CodinGame is a challenge-based training platform for programmers where you can improve your coding skills with fun exercises (25+ languages supported) www.codingame.com 코딩게임에서는 그냥 코드를 주구장창 쓰는것이 아니라 [게임]에 초점을 맞춰 만들었다는 걸 느낄 수 있다. 독학으로 공부하려고 하시는 분들도 진행할 수 있으니 너무 걱정마시라. 난이.. 2022. 12. 7.
[javascript]날짜 포맷 YYYY-MM-DD 변경 함수 ​ ​| "2022 01 01" => "2022-01-01" ​function yyyyMmDdFormatter() { var formatter= ""; var num ="2022 01 01"; num = num.replace(/\s/gi, ""); try { if(num.length ==8){ formatter = num.replace(/(\d{4})(\d{2})(\d{2})/,'$1-$2-$3'); console.log(formatter); } }catch(e){ formatter = num } return formatter; } 날짜 포맷 YYYY-MM-DD 변경 함수 2022. 10. 31.
javascript 테트리스 만들기 test.html score: 0 testJs.js var fs = "1111:01|01|01|01*011|110:010|011|001*110|011:001|011|010*111|010:01|11|01:010|111:10|11|10*11|11*010|010|011:111|100:11|01|01:001|111*01|01|11:100|111:11|10|10:111|001", now = [3,0], pos = [4,0];var gP = function(x,y) { return document.querySelector('[data-y="'+y+'"] [data-x="'+x+'"]'); };var draw = function(ch, cls) { var f = fs.split('*')[now[0]].split(':.. 2016. 12. 13.
자바스크립트 이벤트 바인딩 1.Event binding루트 요소의 특정 집합을 기반으로 지금 또는 나중에, 선택과 일치하는 모든 요소에 대해 하나 이상의 이벤트 처리기를 묶는 것을 말한다.1.1 HTML Event Handler 더이상 사용되지 않으며 HTML과 JavaScript를 분리 되어있어야 한다. 결과 1.2 전통적(Traditional) DOM Event Handler HTML Event Handler처럼 Html과 JavaScript가 혼용되는 문제는 해결되었으나 이벤트 핸들러에 하나의 함수만 바인딩 할 수 있으며 함수에 인수를 전달할 수 없는 단점이 있다. Click me 결과 1.3 DOM Level 2 Event ListenerEvent Listener는 이벤트를 처리하는 가장 최신의 기법이다. 이벤트 리스너를 .. 2016. 5. 30.
728x90
반응형