자신에게 친절할 것 :)

Web Developing/JS

[JS] Wordle 기능 넣고 수정하기

Tashapark 2024. 3. 16. 17:09
728x90

//애플코딩의 JavaScript로 요즘 유행하는 Wordle 게임 만들기 (개쉬움) 듣고//

https://youtu.be/npvrAzxgTOQ?si=1kZy4h0UC0GjuL9v

 

허우,,,,

영상 보고 게임 만든 후에

불편했던 것들 고치는 것을 시도하는 중이다.

생각보다... 모르는 게 너무 많아.. ㅎ ^^

  1. 하나씩만 input에 입력되게 하기
  2. 클릭도 ok but, enter 쳐도 넘어가게 만들기.
  3. 정답 array 만들기
  4. 매일 정답 바뀌게 하기
  5. 기회 제한 넣기
  6. CSS 손보기

1번만,,, 성공했어,,,,ㅠㅠㅠ

2번 enter 치면 넘어가게는 했는데,

beforeend로 추가된 iput들도 똑같이 적용되게 못 짜겠음..

gpt와 씨름을 하다가...

일단 깃에 커밋 해놓고,

다시... 손보러 간다...

난,,, 석사논문 R.. 진짜 어떻게 한 거지????????

진짜.. 완전 노베이스에.. 자료도 별로 없었는데

.....용하구나 너..

2년전의 너도 했는데

2년 지났다고 못하면 안되지..

해보자..

그 땐,, 지피티도 없었는데 고생했다.

진짜..

그때 깃을 알았다면,,, ㅎ

최종.. 최최종.. 이 난리로 저장 안했을 텐데..

날짜별로 r, spss 저장되어 있잖아... ㅎ


  1. 하나씩만 input에 입력되게 하기

이건 별로 어렵지 않음.

maxlength를 1로 제한하면 됨.

근데 영문만 되던데 ,,

어차피 상관없지만,

 

<body>
    <input class="input" maxlength="1" />

    <script src="index.js"></script>
  </body>

 

2번은 완성 완벽하게 하고 해야지..

아 진짜.

inputs += template를 넣어 보기도 하고,

input을 아예 재정의해서 쿼리셀렉터에 넣기도 했는데 안돼 ~~~~~~~~~~~~~~~~~~~

^^

지피티가 새로운 걸 알려주긴 했는데..

괜찮아 보이는데 돌리면 안 돌아간다고.. ㅎㅎㅎ^^

++++ 새로운 영상보면서 손봤는데..

4, 5, 6 아직임...

거의 한달 전에 시작한 건데 모멘텀 챌린지하고.. 자바 시작하느라.... 쉽지 않네...

 

728x90
반응형

'Web Developing > JS' 카테고리의 다른 글

[JS] alert 창을 .addEventListener사용해서 2개 만들기  (3) 2024.03.16
[JS] 기본적인 개념 3  (1) 2024.03.16
[JS] 기본적인 개념 2  (0) 2024.03.16
[JS] 기본적인 개념 1  (1) 2024.03.16
[JS] 개념:Call Stack  (1) 2024.03.16