POPCAT

功能:
  • 完成一個有標題、數字、圖片的 POPCAT 畫面
  • 標題:POPCAT
  • 數字:初始值為 0
  • 圖片:初始圖片為 Oatmeal 闔嘴的圖片
  • 沒有行動時,呈現 Oatmeal 闔嘴的照片
  • 點擊 Oatmeal 時,數字會累加
  • 點擊 Oatmeal 時,圖片會變換
    成果

popcat-Mi

補筆記

  • 圖片為背景
  • title 數字 popcat 置中
  • 音檔

#popcat #mouseevent #mouseup event #mousedown event #audio element #audio







Related Posts

 React-[入門篇]- React 起手式 |CRA建立React專案

React-[入門篇]- React 起手式 |CRA建立React專案

component test 問題集3(React18 + TS + Jest + react-testing-library)

component test 問題集3(React18 + TS + Jest + react-testing-library)

測到一個 bug

測到一個 bug


Comments