면도날 수장고

  • 홈
  • 태그

Project 2

브라우저의 모든 이미지를 짤방으로 바꾸는 크롬확장기능 만들기

참고영상 https://youtu.be/pIQmxUk_FdI 영상의 방법을 응용해서, 똑같은 페페 사진을 뿌리는 것이 아닌 여러 개의 짤방을 뿌리는 크롬확장기능을 만들어서 동생 컴퓨터에 심어버리고 싶었다 ⬅ 가장 큰 이유 죠죠를 좋아하는 동생... 모든 이미지가 죠죠로 바뀐다면 분명 즐거워하겠지. 처음에는 영상을 따라 똑같이 만들어 보았다. let imgs = document.querySelectorAll("img"); imgs.forEach((a,i)=>{ a.src = "jojo1.gif" }) 당연히 이러한 화면이 되었다. 같은 사진으로 쫙 도배되었다. 여기서 배열을 만들어 다양한 짤방 이미지를 넣고, 거기서 랜덤으로 가져오는 기능을 만들었다. let jojoGifs = [ "jojo1.gif", ..

Project 2022.10.06

Counter Game!

Counter Game! Counter Game catssul.github.io Javascript를 이용해 만든 웹 게임 플레이 방법 START 버튼을 누르면 랜덤하게 숫자가 나타난다. 사용자는 숫자에 맞게 Count 버튼을 누른다. submit 버튼을 눌러, 숫자와 Count 버튼을 누른 횟수를 비교한다. 같다면 WIN이, 다르다면 LOSE가 모달창으로 뜬다. Javascript 코드 int = 0; document.getElementById("rollButton").onclick = function () { let x = Math.floor(Math.random() * 20) + 1; document.getElementById("label").innerHTML = x; document.getElem..

Project 2022.09.21
이전
1
다음
더보기
프로필사진

Pluralitas non est ponenda sine neccesitate.

  • 💥 (53)
    • [패스트캠퍼스] 프론트엔드 강의 정리 (26)
    • TIL (22)
      • HTML 🔸 CSS (2)
      • Javascript (2)
      • CS (2)
    • Project (2)
    • 문제해결 (1)
    • 기타 (0)

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바