Amarans

나혼자 하는 게임이 아닌 컴퓨터와 게임 가능 . 무승부 기능도 추가하였습니다. 틱택토.html 틱택토.js var 바디 = document.body; var 테이블 = document.createElement('table'); var 줄들 = []; var 칸들 = []; var 턴 = "X"; var 결과 = document.createElement("div"); function 결과체크(몇줄, 몇칸){ var 다참 = false; //가로줄 검사 if( 칸들[몇줄][0].textContent === 턴 && 칸들[몇줄][1].textContent === 턴 && 칸들[몇줄][2].textContent === 턴 ) { 다참 = true; } //세로줄 검사 if( 칸들[0][몇칸].textConten..

1.하늘색 화면에서 클릭을하면 시작. 2.빨간색 화면이 나옴. 1초~10초 사이 랜덤으로 초록색 화면이 나옴 3.초록색 화면이 나오는순간 마우스 클릭을 하게되면 4.나의 반응(클릭)속도를 초단위로 계산되어 표시된다. 반응속도.html 클릭해서 시작하세요 반응속도.js var 스크린 = document.querySelector("#screen"); var 시작시간; var 끝시간; var 기록 = []; var 타임아웃 스크린.addEventListener("click",function(){ if (스크린.classList.contains("waiting")){ 스크린.classList.remove("waiting"); 스크린.classList.add("ready"); 스크린.textContent = "초..

html 바위 가위 보 가위바위보.js var left = 0; var 딕셔너리 = { 바위: '0', 가위: '-142px', 보: '-284px' }; //left는 컴퓨터가 내는 것 function 컴퓨터의선택(left){ return Object.entries(딕셔너리).find(function(y){ return y[1]===left; })[0]; } var 인터벌; function 인터벌메이커(){ clearInterval(인터벌); 인터벌 = setInterval(function() { //컴퓨터 다음 낼 것 미리 정하기 순환 if(left === 딕셔너리.바위){ left = 딕셔너리.가위; } else if (left === 딕셔너리.가위){ left = 딕셔너리.보; } else { l..

html 당첨숫자 보너스! 로또추첨기.js //empty는 반복문 불가 //1~45번 번호 채우기 //mapping var 후보군 =Array(45).fill().map(function(요소,인덱스){ return 인덱스 +1; }); console.log(후보군); //6개 뽑기 //splice를 통해 후보군에서 하나씩 랜덤으로 뽑고 이동 값에 넣어준다음 셔플에 푸시한다. var 셔플 = []; while(후보군.length>0){ var 이동값= 후보군.splice(Math.floor(Math.random() * 후보군.length),1)[0]; 셔플.push(이동값); } console.log(셔플); var 보너스 = 셔플[셔플.length-1]; var 당첨숫자들 = 셔플.slice(0,6).s..

3목 이라고 생각하면 된다. 대각선을 포함한 모든 줄에 X나 O가 만들어진 사람이 승리. 밑에 사진은 구글에 틱택토 라고 검색시 나옴. Html 코드 틱택토.js var 바디 = document.body; var 테이블 = document.createElement('table'); var 줄들 = []; var 칸들 = []; var 턴 = "X"; var 결과 = document.createElement("div"); var 비동기콜백 = function(이벤트){ var 몇줄 = 줄들.indexOf(이벤트.target.parentNode); console.log("몇줄",몇줄); var 몇칸 = 칸들[몇줄].indexOf(이벤트.target); console.log('몇칸',몇칸); if(칸들[몇줄]..

html 0스트라이크 0볼 입력! 숫자야구.js var 숫자후보; var 숫자배열; function 숫자뽑기(){ 숫자후보 = [1,2,3,4,5,6,7,8,9]; 숫자배열 = []; for(var i = 0; i 10){ // 10번 넘게 틀린 경우 결과.textContent = "10번 넘게 틀려서 실패 답은" + 숫자배열.join(",") + "였습니다!."; 입력창.value = ""; 입력창.focus(); 숫자뽑기(); 틀린횟수 = 0; }else{ //10번 미만으로 틀린 경우 console.log("답이 틀리면", 답배열); for(var i=0; i -1){ console.log("겹치는 숫자?") 볼 +=1; } } 결과.textContent = 스트라이크 + "스트라이크" + 볼 + ..

html 입력 딩동댕 구구단.js var 숫자1 = Math.ceil(Math.random() * 9) var 숫자2 = Math.ceil(Math.random() * 9) var 결과 = 숫자1 * 숫자2 var m2 = document.getElementById("m2"); var 문제 = document.getElementById("문제"); 문제.textContent = String(숫자1) + "곱하기" + String(숫자2) + "는?"; var 폼 = document.getElementById("폼"); var 버튼 = document.getElementById("버튼"); var 결과창 = document.getElementById("결과창"); 폼.addEventListener("sub..

html 아마란스 입력 딩동댕 끝말잇기.js var m1 = document.getElementById("m1"); var 버튼 = document.getElementById("버튼"); var m2 = document.getElementById("m2"); var 결과창 = document.getElementById("결과창"); var 폼 = document.getElementById("폼"); 폼.addEventListener('click', function asd(e){ e.preventDefault(); if(m1.textContent[m1.textContent.length -1] === m2.value[0]){ m1.textContent = m2.value; 결과창.textContent = "..