whatisthis?

https://mywebproject.tistory.com/259?category=875338 javaScript. 숫자야구게임 - (2) javaScript. 숫자야구게임 -(1) Bulls and Cows (숫자야구) - Rule - - 숫자 제시 횟수 : 10회 이내 - 4자리의 숫자를 임의로 정함. - 0에서 9까지의 다른 숫자로 구성됨. 숫자는 맞지만 위치가 틀림 = B(볼) 숫.. mywebproject.tistory.com - 지난번에 진행했던 숫자야구게임을 웹 버전으로 수정해서 제작해보았다. - 이전에는 웹 콘솔에서만 게임을 진행 가능했다. - 변경사항 1 / index.html과 style.css 추가 2 / html의 input태그와 button으로 button 클릭할때마다 이벤트리스너..

자동 텍스트 RPG 게임 index.html style.css * { margin: 0; box-sizing : border-box; } html { font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 16px; line-height: 2; color: #1f2d3d; } body { text-align: center; width: 100%; height: 100vh; background-color: #f8f9fb; } body::after { content: "text-RPG"; display: block; margin-top: 50px; color: #463bc1; font-size: 12px; font-w..

javaScript. 숫자야구게임 -(1) Bulls and Cows (숫자야구) - Rule - - 숫자 제시 횟수 : 10회 이내 - 4자리의 숫자를 임의로 정함. - 0에서 9까지의 다른 숫자로 구성됨. 숫자는 맞지만 위치가 틀림 = B(볼) 숫자와 위치가 맞음 = S(스트라 mywebproject.tistory.com let list = [0,1,2,3,4,5,6,7,8,9]; let number = []; for(let i=0; i> splice를 통해 하나를 뽑는다면 list 배열의 length가 줄어듬. 이해 🔻 더보기 예를 들면, select로 첫번째로 4를 뽑았다면 splice에 의해 list 배열은 [0, 1, 2, 3, 5, 6, 7, 8, 9]가 될 것이고, number 배열은 nu..

Bulls and Cows (숫자야구) - Rule - - 숫자 제시 횟수 : 10회 이내 - 4자리의 숫자를 임의로 정함. - 0에서 9까지의 다른 숫자로 구성됨. 숫자는 맞지만 위치가 틀림 = B(볼) 숫자와 위치가 맞음 = S(스트라이크) 숫자와 위치가 전부 틀리면 = O(아웃) 예> 3 5 9 2 5 3 = 1S 1B 코드 작성 전에 의사코드를 먼저 작성해보자. 1. 먼저 컴퓨터가 랜덤한 4자리 숫자를 짠다. - 단, 이때 0부터 9까지 중복되지 않도록 해야한다. 1-(1). 0부터 9까지 랜덤 숫자가 나오게 하려면 Math.random() // 0부터 1까지중 랜덤으로 실수 출력함 Math.floor(Math.random()*10) // 0부터 9까지 랜덤 정수 출력 *..

https://mywebproject.tistory.com/130 HTML 훈련 - (14) Video Player Video Player REFERENCE (style.css) https://github.com/rohjs/bugless-101/tree/master/html-practice/14-video-player 김버그의 HTML&CSS는 재밌다 - 구름EDU HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까.. mywebproject.tistory.com @import url(https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css); * { margin: 0; box-sizing: border-box; } html { font-famil..

https://mywebproject.tistory.com/124 HTML 훈련 - (13) Music Player Music Player REFERENCE (style.css / app.js) https://github.com/rohjs/bugless-101/tree/master/html-practice/13-music-player 김버그의 HTML&CSS는 재밌다 - 구름EDU HTML&CSS를 한번에! 탄탄한 개념이해.. mywebproject.tistory.com var musicPlayItems = document.querySelectorAll(".music-play-item") musicPlayItems.forEach(function(item) { item.isPlaying = false it..

https://mywebproject.tistory.com/122 HTML 훈련 - (12) Gmail Inbox Gmail Inbox REFERENCE (style.css / app.js) https://github.com/rohjs/bugless-101/tree/master/html-practice/12-gmail-inbox 김버그의 HTML&CSS는 재밌다 - 구름EDU HTML&CSS를 한번에! 탄탄한 개념이해부터.. mywebproject.tistory.com var inboxCheckboxes = document.querySelectorAll(".inbox-checkbox") var inboxStars = document.querySelectorAll(".inbox-star") inboxChe..

https://mywebproject.tistory.com/122 HTML 훈련 - (12) Gmail Inbox Gmail Inbox REFERENCE (style.css / app.js) https://github.com/rohjs/bugless-101/tree/master/html-practice/12-gmail-inbox 김버그의 HTML&CSS는 재밌다 - 구름EDU HTML&CSS를 한번에! 탄탄한 개념이해부터.. mywebproject.tistory.com * { margin: 0; box-sizing: border-box; } html { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, C..

https://mywebproject.tistory.com/118 var followButton = document.querySelector(".feed-user-profile button") var likeButton = document.querySelector(".feed-footer button:first-child") var commentButton = document.querySelector(".feed-footer button:last-child") var feedComment = document.querySelector(".feed-comment") followButton.addEventListener("click", function() { if (this.following) { this.i..

https://mywebproject.tistory.com/118 HTML 훈련 - (11) Feed https://user-images.githubusercontent.com/19285811/69063907-43da4800-0a58-11ea-8efb-4b57dca4e3fe.png The most beautiful experience we can have is the mysterious. It is the fundamental emotion that s.. mywebproject.tistory.com * { margin: 0; box-sizing: border-box; } html { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,..