메모리허브

JS 간단한 to-do List 화면: 기능 설명: 1 css- 목록 및 버튼 간격 띄우고, 버튼 생상 정하고, 백그라운드 색깔 입힘. 2 html- 간단한 항목 추가 공간 ol 과 버튼 기능 추가 3 js- 동적으로 목록 및 삭제 버튼 구현되었고. 삭제 기능을 클릭하면 removeChild 즉 제거함. 소스코드: 내 버킷 리스트 버킷 리스트 추가하기: 추가

기본 AJAX 문법 정리 및 예제 1 기본 문법 -jQuery를 사용한 get, post 방식1 사용자 입력 이벤트 리스너 함수2 데이터를 받을 호출할 URL, 함수, 데이터 타입3 서버에서 받은 데이터4 받은 데이터 파싱 5 데이터 넣을 선택자 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879//다른 파일을 현재 파일에 구동하는 방식 jQuery//여기선 dictionary를 구현 $(document).ready(function() { $('#load').click(function() {..

자바스크립트로 구현한 간단한 게임 점수 기록 SCOREKEEP.html (FRONT) 1 점수 표시 및 버튼 표시 123456789101112131415161718192021222324 Score Keeper 0 to 0 5 회차 1p 2p 초기화 Colored by Color Scriptercs scorekeeper.js (BACK) 1 점수 보관. p1,p2 각 버튼에 클릭 이벤트 메소드 구현.2 원하는 점수 달성시 게임끝 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283..

AJAX 사용해서 JSON 데이터 가져오는 소스 AJAX.js (백앤드-논리처리) 1 id btn click 이벤트 리스너 함수 생성2 AJAX 객체 생성 2 불러올 데이터 호출 (URL GET 호출)3 응답 상태 및 응답 받은 데이터 담고 파싱하기 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566//https://learnwebcode.github.io/json-example/animals-1.json var pageCounter = 1;var animalContainer = document.getElementById("animal-..

백그라운드 색깔 변경하기--> 나중에 더 이미지 또는 css 배경 바꾸는데 응용할 수 있다. color_toggle.html CLICK TO CHANGE COLOR toggle.js var button=document.querySelector("button"); var isPurple=false; button.addEventListener("click", function(){ //방법 1 클래스 html에 등록하게 || 지우기 document.body.classList.toggle("purple"); /*방법 2 if(isPurple){ document.body.style.background="red"; } else{ document.body.style.background="purple"; } isPur..