','Pタグで段落を指定'], ['','html内の言語を指定'], ['color: red;','文字色を赤に指定'], ['line-height: 50px;','行の高さを50pxに指定'], ['text-align: center;','文字中央寄せ'], ['margin: 0 auto;','要素の中央寄せ'], ['','Javascriptファイルを読み込む'], ['flex-direction: column;','flex-box要素縦並び指定'], ['

','DIVにクラスをつける'], ['

','DIVにIDをつける'], ['visibility: hidden;','要素非表示（要素そのまま）'], ['display: none;','要素非表示（要素ごと消える）'], ['@keyframes animation-name{0%{}100%{}};','cssのアニメーション設定'], ['opacity: 0;','要素の透過度（0-10）'], ['width: 200px;','横幅200px'], ['height: 480px;','縦幅480px'], ]; window.addEventListener('load',()=>{ document.querySelector("body").style.display = "flex"; }); function getRanking(){ let request = new XMLHttpRequest(); request.onreadystatechange = function(){ if(this.readyState == 4 && this.status == 200) { //接続完了 } } let url = "getRank.php"; request.open('GET', url, true); request.responseType = 'json'; request.addEventListener('load', function (response) { //読み込み完了 let ans = this.response; if(ans.length == 0) { let names = document.querySelector(".name"); let name = document.createElement("div"); name.textContent = "まだランキングデータがありません"; names.appendChild(name); } else { for(let i=0; i < ans.length; i++) { let ids = document.querySelector(".id"); let points = document.querySelector(".point"); let names = document.querySelector(".name"); let id = document.createElement("div"); let point = document.createElement("div"); let name = document.createElement("div"); id.textContent =i+1 + "位"; name.textContent = escape(ans[i].name); point.textContent = escape(ans[i].point) + "階"; ids.appendChild(id); points.appendChild(point); names.appendChild(name); } } }); request.send(); } function rankCheck(){ let request = new XMLHttpRequest(); request.onreadystatechange = function(){ if(this.readyState == 4 && this.status == 200) { } } let url = 'rankCheck.php?str=' + f; request.open('GET', url, true); request.responseType = 'json'; request.addEventListener('load', function (response) { let ans = this.response; document.getElementById("ranking").style.display = ans; if(ans == "block") { document.getElementById("end").style.display = "none"; } else if(ans == "none") { document.getElementById("end").style.display = "block"; document.getElementById("result").style.display = "block"; setData(0); } }); request.send(); } function setData(value){ let request = new XMLHttpRequest(); let disp = value; request.onreadystatechange = function(){ if(this.readyState == 4 && this.status == 200) { } } let url = 'setData.php?str=' + f + '&disp=' + disp + '&name=' + escape(name); request.open('GET', url, true); request.responseType = 'json'; request.addEventListener('load', function (response) { }); request.send(); } //ココからしたがタイピングゲームのJSコード 'use strict';const _0x1e2e10=_0x4afd;(function(_0x220233,_0x16d6a2){const _0x4bac31=_0x4afd,_0x163da9=_0x220233();while(!![]){try{const _0x1c83cb=parseInt(_0x4bac31(0x1fb))/0x1+-parseInt(_0x4bac31(0x21f))/0x2+parseInt(_0x4bac31(0x1eb))/0x3*(parseInt(_0x4bac31(0x22b))/0x4)+parseInt(_0x4bac31(0x205))/0x5*(parseInt(_0x4bac31(0x226))/0x6)+parseInt(_0x4bac31(0x1f9))/0x7+parseInt(_0x4bac31(0x22a))/0x8+-parseInt(_0x4bac31(0x1ef))/0x9*(parseInt(_0x4bac31(0x218))/0xa);if(_0x1c83cb===_0x16d6a2)break;else _0x163da9['push'](_0x163da9['shift']());}catch(_0x138bbe){_0x163da9['push'](_0x163da9['shift']());}}}(_0x34ef,0xc402a));function _0x4afd(_0x3b45f5,_0x52a30f){const _0x34ef8e=_0x34ef();return _0x4afd=function(_0x4afd7d,_0x5f0db3){_0x4afd7d=_0x4afd7d-0x1e2;let _0x9dee70=_0x34ef8e[_0x4afd7d];return _0x9dee70;},_0x4afd(_0x3b45f5,_0x52a30f);}getRanking();let gametime=0xb4,f=0x0;hyouji[_0x1e2e10(0x227)]=_0x1e2e10(0x1e7)+f+_0x1e2e10(0x20b);let i=0x0,text,textcounts=0x0,miss=0x0;document[_0x1e2e10(0x221)](_0x1e2e10(0x208))['onclick']=function(){const _0x21fbd3=_0x1e2e10;let _0x2c6428=document[_0x21fbd3(0x221)]('start');_0x2c6428[_0x21fbd3(0x213)][_0x21fbd3(0x21c)]=_0x21fbd3(0x1e5);let _0x3f8f4d=document['getElementById'](_0x21fbd3(0x1f8));_0x3f8f4d['style'][_0x21fbd3(0x21c)]=_0x21fbd3(0x200),document[_0x21fbd3(0x221)](_0x21fbd3(0x1ea))[_0x21fbd3(0x1e3)][_0x21fbd3(0x212)](_0x21fbd3(0x206)),timer();};let checkTexts=[],before,rnd,info2=document[_0x1e2e10(0x221)](_0x1e2e10(0x1f5)),info3=document[_0x1e2e10(0x221)](_0x1e2e10(0x1f2));function _0x34ef(){const _0x4c490d=['4789120sORPQf','5784vLFssT','ranking','retry-btn','ミスタイプ','文字数オーバーです！１０文字以内に修正して下さい。\x0aOver\x20the\x20number\x20of\x20characters!\x20Please\x20correct\x20within\x2010\x20characters','querySelector','keydown','classList','click','none','key','現在：','shift','create-animation','startMessage','165orzEiE','div','split','preventDefault','16641zSiuxA','reload','length','info3','name-input','visible','info2','addEventListener','visibility','game-main','5549908wwzxYi','floor','489908GmhdrF','tweet','bill-','onclick','HTML,CSS,無料タイピングゲーム,ＷＥＢデザイナー,ＷＥＢ開発','flex','className','keyCode','.result-titlevalue','残り時間：180秒','4121575YCegsB','fadeout','map','start-btn','random','https://hiroshiapp.com/html-css-typing/','階建て','_blank','value','残り時間：','文字、速さ:','総文字数','文字/秒、ミス:','add','style','createElement','文字/秒','open','.result-value','4170UsTPjB','color','.result-title','span','display','add-black','brinking','2422692UoVaeI','.ranking-ok-btn','getElementById','block','result','階建の自社ビルが完成しました！総入力数:','appendChild','6vlNwCq','textContent','end','https://twitter.com/intent/tweet?text='];_0x34ef=function(){return _0x4c490d;};return _0x34ef();}createText();function createText(){const _0x17a5d9=_0x1e2e10;while(rnd==before){rnd=Math[_0x17a5d9(0x1fa)](Math[_0x17a5d9(0x209)]()*textLists[_0x17a5d9(0x1f1)]);}before=rnd,info2[_0x17a5d9(0x227)]='',checkTexts=textLists[rnd][0x0][_0x17a5d9(0x1ed)]('')[_0x17a5d9(0x207)](function(_0x25bd28){const _0x2c800a=_0x17a5d9;let _0x20639e=document[_0x2c800a(0x214)](_0x2c800a(0x21b));return _0x20639e[_0x2c800a(0x227)]=_0x25bd28,info2[_0x2c800a(0x225)](_0x20639e),_0x20639e;}),info3['textContent']=textLists[rnd][0x1];}document[_0x1e2e10(0x1f6)](_0x1e2e10(0x1e2),keyDown);function keyDown(_0x80542f){const _0x4f9124=_0x1e2e10;_0x80542f[_0x4f9124(0x1e6)]===checkTexts[0x0]['textContent']?(checkTexts[0x0][_0x4f9124(0x201)]=_0x4f9124(0x21d),textcounts++,checkTexts[_0x4f9124(0x1e8)](),!checkTexts[_0x4f9124(0x1f1)]&&(bill(),createText())):_0x80542f[_0x4f9124(0x1e6)]!=='Shift'&&miss++;if(_0x80542f[_0x4f9124(0x202)]===0x20)return _0x80542f[_0x4f9124(0x1ee)](),![];}function bill(){const _0x49fc8a=_0x1e2e10;f++;let _0x15801f=_0x49fc8a(0x1fd)+f+'f',_0x2fa01f=document[_0x49fc8a(0x221)](_0x15801f);_0x2fa01f[_0x49fc8a(0x213)][_0x49fc8a(0x1f7)]=_0x49fc8a(0x1f4),_0x2fa01f[_0x49fc8a(0x1e3)][_0x49fc8a(0x212)](_0x49fc8a(0x1e9)),hyouji[_0x49fc8a(0x227)]=_0x49fc8a(0x1e7)+f+_0x49fc8a(0x20b);}let mains=function(){main();};function timer(){const _0x3ffa3b=_0x1e2e10;i==0x0&&(setInterval(mains,0x3e8),time['textContent']=_0x3ffa3b(0x204));}let name;function main(){const _0x3b86d5=_0x1e2e10;i++,time['textContent']=_0x3b86d5(0x20e)+(gametime-i)+'秒';if(i==gametime-0xa){let _0x2c47f7=document[_0x3b86d5(0x221)]('time');_0x2c47f7['style'][_0x3b86d5(0x219)]='red',_0x2c47f7[_0x3b86d5(0x1e3)][_0x3b86d5(0x212)](_0x3b86d5(0x21e));}if(i==gametime){document[_0x3b86d5(0x230)](_0x3b86d5(0x220))[_0x3b86d5(0x1f6)](_0x3b86d5(0x1e4),()=>{const _0x1f6cf5=_0x3b86d5;name=document['getElementById'](_0x1f6cf5(0x1f3))[_0x1f6cf5(0x20d)],name['length']<0xa?(document[_0x1f6cf5(0x221)](_0x1f6cf5(0x22c))[_0x1f6cf5(0x213)][_0x1f6cf5(0x21c)]='none',document['getElementById'](_0x1f6cf5(0x228))[_0x1f6cf5(0x213)][_0x1f6cf5(0x21c)]=_0x1f6cf5(0x222),document[_0x1f6cf5(0x221)]('result')['style'][_0x1f6cf5(0x21c)]=_0x1f6cf5(0x222),setData(0x1)):alert(_0x1f6cf5(0x22f));}),document[_0x3b86d5(0x230)]('.ranking-no-btn')[_0x3b86d5(0x1f6)](_0x3b86d5(0x1e4),()=>{const _0x2fdd1d=_0x3b86d5;name=document[_0x2fdd1d(0x221)](_0x2fdd1d(0x1f3))[_0x2fdd1d(0x20d)],document[_0x2fdd1d(0x221)]('ranking')[_0x2fdd1d(0x213)][_0x2fdd1d(0x21c)]=_0x2fdd1d(0x1e5),document[_0x2fdd1d(0x221)](_0x2fdd1d(0x228))[_0x2fdd1d(0x213)][_0x2fdd1d(0x21c)]=_0x2fdd1d(0x222),document[_0x2fdd1d(0x221)](_0x2fdd1d(0x223))[_0x2fdd1d(0x213)][_0x2fdd1d(0x21c)]=_0x2fdd1d(0x222),setData(0x0);});f!=0x0?rankCheck():(document['getElementById'](_0x3b86d5(0x228))[_0x3b86d5(0x213)][_0x3b86d5(0x21c)]=_0x3b86d5(0x222),document[_0x3b86d5(0x221)](_0x3b86d5(0x223))[_0x3b86d5(0x213)][_0x3b86d5(0x21c)]=_0x3b86d5(0x222));let _0x2e18aa=document[_0x3b86d5(0x221)]('game-main');_0x2e18aa[_0x3b86d5(0x213)][_0x3b86d5(0x21c)]=_0x3b86d5(0x1e5);let _0x5e4349=Math[_0x3b86d5(0x1fa)](textcounts/0xb4*0x64)/0x64,_0x150e05=document[_0x3b86d5(0x230)](_0x3b86d5(0x21a)),_0x68e6ed=document['querySelector'](_0x3b86d5(0x217)),_0x5ac107=document[_0x3b86d5(0x230)](_0x3b86d5(0x203)),_0x2aacc5=['階数','速さ',_0x3b86d5(0x210),_0x3b86d5(0x22e)],_0x2b4b9c=[f,_0x5e4349,textcounts,miss],_0x34239a=[_0x3b86d5(0x20b),_0x3b86d5(0x215),'文字','回'];for(let _0x1f51e8=0x0;_0x1f51e8<_0x2aacc5[_0x3b86d5(0x1f1)];_0x1f51e8++){let _0x38bed3=document['createElement'](_0x3b86d5(0x1ec));_0x38bed3[_0x3b86d5(0x227)]=_0x2aacc5[_0x1f51e8],_0x150e05['appendChild'](_0x38bed3);}for(let _0x435cc1=0x0;_0x435cc1<_0x2aacc5['length'];_0x435cc1++){let _0x278009=document[_0x3b86d5(0x214)](_0x3b86d5(0x1ec));_0x278009[_0x3b86d5(0x227)]=_0x2b4b9c[_0x435cc1],_0x68e6ed['appendChild'](_0x278009);}for(let _0x3684cb=0x0;_0x3684cb<_0x2aacc5[_0x3b86d5(0x1f1)];_0x3684cb++){let _0x4486d6=document[_0x3b86d5(0x214)](_0x3b86d5(0x1ec));_0x4486d6[_0x3b86d5(0x227)]=_0x34239a[_0x3684cb],_0x5ac107['appendChild'](_0x4486d6);}text=f+_0x3b86d5(0x224)+textcounts+_0x3b86d5(0x20f)+_0x5e4349+_0x3b86d5(0x211)+miss+'文字';}document[_0x3b86d5(0x221)](_0x3b86d5(0x22d))[_0x3b86d5(0x1fe)]=function(){const _0x1dce7f=_0x3b86d5;location[_0x1dce7f(0x1f0)]();},document[_0x3b86d5(0x221)](_0x3b86d5(0x1fc))[_0x3b86d5(0x1fe)]=function(){const _0x2c09a9=_0x3b86d5;_0x2b19ea(text,_0x2c09a9(0x20a),_0x2c09a9(0x1ff));function _0x2b19ea(_0x2bda40,_0x3ccc93,_0x104a30,_0x3deb92){const _0x4f5077=_0x2c09a9;let _0x787c5f=_0x4f5077(0x229)+_0x2bda40+'&url='+_0x3ccc93+'&hashtags='+_0x104a30;window[_0x4f5077(0x216)](_0x787c5f,_0x4f5077(0x20c));}};}