Flip - card memory game.

Super old project I remembered about. Just thought I'd share it with you awesome CodePen people. Have some fun :) The game will save your stats locall...

wono | discuss |

javascript removeeventlistener once

[JS] 📚 이벤트 제거 & 한번만 실행되게 하기 (removeEventListener / once)

이벤트 제거하기 자바스크립트에서 addEventListener()를 사용해 이벤트를 추가한 경우 반대로 이를 제거할 수 있으며 이때 removeEventListener() 를 사용한다. removeEventListener() 함수는 EventTarget에 등..

wono | discuss |

javascript calendar library

Top JavaScript Calendar Plugins - Flatlogic Blog

Here is a rich list of React, Angular, Vue, and Bootstrap calendars for developers. Check out these carefully crafted JavaScript calendar plugins for your next web app.

wono | discuss |

프로그래밍언어 자바스크립트 크락포드 javascript

자바스크립트의 아버지 “자바스크립트, 프로그래밍 장벽 발생 원인 제공"...왜?

현재 대부분의 설문 조사에서 세계에서 가장 인기 있는 프로그래밍 언어는 자바스크립트(JavaScript)이다. 하지만 JSON(JavaScript Object Notation) 창시자이자 자바스크립트의 개발에 참여해 자바스크립트의 아버지로 불리는 더글라스 크락포드(Douglas Crockford )는 자바스크립트가 프로그래밍하는데 오히려 장벽이 되고 있다고 외신 Devclass를 통해 밝혔다. 크락포드는 지난 7월, Evrone와의 인터뷰에서 아래와 같은 주장을 펼쳤다."오늘날 우리의 최선은 자바스크립트를 은퇴시켜버리는 것이다. 2

wono | discuss |

javascript

Javascript - Know when Element Gets Visible in Screen During Scroll

Previously finding whether an element has entered the screen used to be a pain, but the new Intersection Observer API makes this quite easy, and less error prone.

wono | discuss |

javascript

javascript - How to check if element is visible after scrolling? - Stack Overflow

I'm loading elements via AJAX. Some of them are only visible if you scroll down the page. Is there any way I can know if an element is now in the visible part of the page?

wono | discuss |

javascript

<script>: 스크립트 요소 - HTML: Hypertext Markup Language | MDN

HTML <script> 요소는 데이터와 실행 가능한 코드를 문서에 포함할 때 사용하며 보통 JavaScript 코드와 함께 씁니다.

wono | discuss |

javascript

jquery - How to defer inline Javascript? - Stack Overflow

I have the following html code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.

wono | discuss |

javascript keyup debounce

javascript - How to delay the .keyup() handler until the user stops typing? - Stack Overflow

I’ve got a search field. Right now it searches for every keyup. So if someone types “Windows”, it will make a search with AJAX for every keyup: “W”, “Wi”, “Win”, “Wind”, “Windo”, “Window”, “Windows...

wono | comment (4) |

javascript selector

javascript - Can I access DOM element directly by id? - Stack Overflow

In javascript I always use docuemtn.getElementById to access DOM elements, but recently I accidentally accessed it using id only and it worked. Example: <input id="element_id" type="text"> ...

wono | comment (1) |

javascript selector performance

JavaScript Selector Performance | Go Make Things

One of the students in my Vanilla JS Slack channel asked me about the performance difference between querySelector() and things like getElementById() and getElementsByClassName(). Specifically, getElementById() and getElementsByClassName() are more than twice as fast as querySelector() and querySelectorAll(). So, that’s bad, right? I honestly don’t think it matters. getElementById() can run about 15 million operations a second, compared to just 7 million per second for querySelector() in the latest version of Chrome.

wono | discuss |

javascript download

서버 없이 자바스크립트로 파일 생성해서 셀프 다운로드 하기

자바스크립트를 이용하면 별도의 웹서버 기능 없이도 파일을 생성해서 다운로드할 수 있습니다. 텍스트 기반인 파일은 종류에 상관없이 생성할 수 있습니다. HTML5 표준을 지원하는 웹 브라우저에서는 모두 지원되..

wono | discuss |

javascript dataset

데이터 속성 사용하기 - Web 개발 학습하기 | MDNMDN Web DocsMDN logoMozilla logo

HTML5 특정 요소와 연관되어 있지만 확정된 의미는 갖지 않는 데이터에 대한 확장 가능성을 염두에 두고 디자인되었습니다. data-* 속성은 표준이 아닌 속성이나 추가적인 DOM 속성, Node.setUserData()과 같은 다른 조작을 하지 않고도, 의미론적 표준 HTML 요소에 추가 정보를 저장할 수 있도록 해줍니다.

wono | discuss |

javascript try catch finally

try...catch - JavaScript | MDNMDN Web DocsMDN logoMozilla logo

try...catch 문은 실행할 코드블럭을 표시하고 예외(exception)가 발생(throw)할 경우의 응답을 지정합니다.

wono | discuss |

javascript luxon diffnow

javascript - Luxon.js get difference between now and input date in years - Stack Overflow

I'm using luxon.js and want to check, is the user's age is over than 21 years. Code, that i'm using for it const isTooYoung = date => DateTime.fromFormat(date, 'dd.MM.yyyy') .diffNow() ...

wono | discuss |

javascript luxon

javascript - How to parse UNIX timestamps with luxon? - Stack Overflow

I tried to use the luxon library to move away from moment - to translate the 1615065599.426264 timestamp into an ISO date. According to the Online Epoch Converter this corresponds to GMT: Saturday,

wono | discuss |

urlsearchparams javascript

URLSearchParams.delete() - Web APIs | MDN

The delete() method of the URLSearchParams interface deletes the given search parameter and all its associated values, from the list of all search parameters.

wono | discuss |

javascript console error

console.error() - Web API | MDN

console.error() 메서드는 웹 콘솔에 에러 메시지를 출력합니다.

wono | discuss |