当前位置：首页 > news >正文

广州网站(建设信科网络)深圳工程建设交易中心网

news 2026/4/14 22:50:06

广州网站(建设信科网络),深圳工程建设交易中心网,纯色直播,军事时事新闻最新消息实现逻辑#xff0c;看jshtml实现打字游戏v1#xff0c;在此基础之上增加了从文件读取到的单词#xff0c;随机选取10个单词。效果演示上代码#xff1a; !DOCTYPE html html langen headmeta charsetUTF-8看jshtml实现打字游戏v1在此基础之上增加了从文件读取到的单词随机选取10个单词。效果演示上代码 !DOCTYPE html html langen headmeta charsetUTF-8titleTitle/titlestyle typetext/cssspan{font-size: larger;margin: 20px;}#score{background-color: red;color: white;position: absolute;left:90%;top: 90%;}/style /head span idscore 0 /span input typefile namefile multiplemultiple idfiles onchangechoosefile() / body scriptvar content ;var score 0;//这里可以使用固定单词var words [apple,horizontal,vertical,vector,ghost,evil,banana,polo,curve,deploy];var fileWords [];var str ;var count 0;//单词生成速度可以根据当前得分来设置得分越高速度越快比如当得分大于200时速度设为2大于300百是速度设为3var speed 1;function randWords(){if(fileWords.length0){for (var i 0; i words.length ; i) {var rand Math.floor(Math.random()*fileWords.length);words[i] fileWords[rand];}}}setInterval((){if(count%(6-speed)0){//从文件读取到的单词随机选取10个单词this.randWords();let divElement document.createElement(div);for (var i 0; i words.length ; i) {var rand Math.floor(Math.random()*words.length);var span document.createElement(span);span.innerText words[rand];divElement.appendChild(span);document.body.appendChild(divElement);}}count;},1000)document.addEventListener(keydown,function (event) {strevent.key;console.log(str);var spans document.getElementsByTagName(span);var matchCnt 0;for (var i 0; i spans.length ; i) {if(str.includes(spans[i].innerText)){spans[i].style.color redscore;matchCnt;}}if(matchCnt0){str ;}document.getElementById(score).innerText score;//清除全部打出的一行var divs document.getElementsByTagName(div);for (var i 0; i divs.length ; i) {var children divs[i].children;var redCnt 0;for (var j 0; j children.length ; j) {if(children[j].style.color red){redCnt;}}if(redCntchildren.length){document.body.removeChild(divs[i]);}}});function choosefile () {var fileList document.getElementById(files).files;var nameStr ;for (var i 0; i fileList.length; i) {nameStr ${i 0 ? : , }${fileList[i].name};var reader new FileReader();reader.readAsText(fileList[i], UTF-8);reader.onload function (e) {content e.target.result;fileWords content.split(\r\n);}}}/script /body /html附录englishg words.txt understand community continent recognize something although movement negative acquire content respond appeal aspect damage monkey select though wealth within asset goods stick fair fine good into plan week ban dam fly she web agreement condition purchase ability attract combine explain natural setting several almost around assure danger decade ensure parent reduce reject alter equal exist solar speed waste cell deny fill thus consequence demonstrate influential department management production regulation available direction formation potential campaign contrast preserve attempt element factory imagine prepare promote weather depend desire device employ expose launch manner supply arise basic down duty gift down duty war competition specialist conscious emphasize essential privilege represent structure conflict explore nuclear obvious present enable lesson manage member phrase safety signal suffer slave stage earn join shop infrastructure productivity investment excessive anything medicine positive because comment confuse freedom genetic journey justify arrive couple impose refuse reveal screen settle agent agree crime final house match money never radio royal whole area cent ever food kill leak mark meet pace real art fit net conservation performance atmosphere commercial illustrate population associate criticism disappear historian congress instance internet physical railroad separate achieve advance already capital citizen respect agency beyond define emerge engage expand formal gamble period record return second senior spread admit clean ocean piece press truth baby code diet fear hand sign lot it administration increasingly publication attractive inevitable journalist optimistic phenomenon existence guarantee interpret necessary necessity audience database exchange familiar humanity perceive religion address amateur conduct emotion measure mistake outside pursuit receive recover advice beauty casual dollar either except former middle oppose poetry reader severe strong switch volume apply basis board robot shock third total boom else goal make poor lay consideration conservation constitution institution responsible collection commission industrial profitable sufficient classical physician recommend religious sensitive tolerance conclude constant dominant dominate enormous epidemic friendly hospital priority restrict strategy airline connect deliver deserve discuss educate leisure network opinion perhaps station sustain commit credit divide friend invite notion prefer region remove series simply adapt break enjoy extra bill date film jump link next odds vay odd explanation conclusion eventually everything reputation strengthen widespread celebrity immediate analysis chemical discover domestic province security chanel correct crucial current expense observe promise recruit regular routine typical usually variety afford assess charge church differ escape factor father forest hardly height indeed orient please source stable along award aware below cross crude grade happy light month occur quick rapid tough wrong cook pick rich soon upon wage low consumption description convention historical successful breakdown conductor exception highlight interview judgement ownership procedure voluntary accident announce contract contrary creative decrease distance internal minister opposite ordinary relation somewhat strength compete divorce examine largely license obscure outcome possess propose scholar suicide various willing annual answer before belong budget gather handle ignore inform invest margin motion option origin pursue puzzle random really secret threat urgent verbal alone count delay draft error humor laugh novel panel plant rural trust body cite city cure four hurt near rear suit tool type fix mix owe sex conversation corporation independent interesting temperature compromise concession disappoint enterprise cripple

查看全文

http://www.hkea.cn/news/14266840/