- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我必须创建一个 Lingo (*) 游戏作为我学校的作业。
我终于完成了,但有时字母错误,没有得到颜色或错误的颜色。
var words = ["appel", "aldus", "afwas", "aftel", "aarde", "armen", "actie", "apart", "adres", "avond", "aders", "alarm", "boten", "balen", "beter", "bomen", "boren", "boven", "boxen", "brood", "broek", "brand", "breed", "benen", "beeld", "brief", "beten", "basis", "blauw", "beren", "buren", "banen", "bloed", "broer", "blond", "boter", "beleg", "breng", "baken", "beker", "blind", "bezig", "baden", "bedel", "bazen", "bazin", "baren", "beden", "beken", "bezem", "baard", "bidet", "breuk", "conus", "cello", "creme", "cloud", "cacao", "cadet", "cavia", "ceder", "combi", "china", "clown", "draai", "deden", "dalen", "derde", "delen", "dwaas", "daden", "dader", "dames", "diner", "datum", "dozen", "dreun", "duits", "dagen", "deren", "dwerg", "dwaal", "dwing", "druil", "droog", "draad", "dweil", "drank", "duren", "dwars", "drugs", "daten", "daler", "doorn", "disco", "degen", "droom", "dient", "drone", "dadel", "duwen", "druif", "deken", "deler", "elven", "eigen", "enger", "engel", "elder", "enkel", "effen", "email", "egaal", "fiets", "friet", "files", "forel", "films", "feest", "fruit", "falen", "flora", "fauna", "feeen", "freak", "forum", "fusie", "geven", "gaven", "groen", "graai", "getal", "grens", "grond", "groef", "graal", "gewei", "games", "grote", "groet", "garen", "gebak", "graag", "genre", "glans", "geluk", "geeuw", "horen", "heren", "halen", "hagel", "haren", "helen", "harde", "hemel", "hoofd", "huren", "hamer", "haken", "heden", "hotel", "hobby", "heler", "hoger", "ieder", "index", "immer", "icoon", "inlog", "inzet", "innig", "jovel", "jaren", "jicht", "jabot", "jacht", "jaden", "jagen", "jager", "japon", "jarig", "jawel", "jeans", "jemig", "jeugd", "joint", "jonas", "joule", "koken", "kreet", "koker", "kerst", "kegel", "koude", "kader", "krent", "kamer", "kaars", "kaart", "kraan", "krant", "keren", "kruid", "kerel", "kubus", "kraal", "kleur", "kroon", "klein", "korst", "klopt", "kabel", "kunst", "kopje", "krans", "klimt", "kater", "klink", "kudde", "kruis", "lopen", "laten", "lepel", "links", "laden", "leven", "lezen", "lucht", "lenen", "laser", "lente", "licht", "lader", "leder", "lunch", "lijst", "leger", "leden", "legen", "lagen", "lezer", "lever", "lingo", "loper", "luier", "lager", "leeuw", "maand", "malen", "maken", "media", "meter", "motor", "maten", "markt", "mazen", "molen", "meest", "meren", "model", "meden", "maden", "macht", "meeuw", "mager", "magen", "maren", "manen", "noord", "nieuw", "negen", "namen", "neven", "nodig", "naden", "neder", "nemen", "onder", "optel", "ovaal", "ovale", "onwel", "optie", "orden", "oppas", "ouder", "ophef", "oases", "palen", "plein", "pegel", "paars", "prijs", "piano", "pixel", "paden", "pasta", "pizza", "poten", "paard", "puber", "pauze", "preek", "polis", "pater", "proef", "panda", "penis", "prins", "pluto", "polen", "plint", "quota", "quant", "quark", "queue", "quilt", "quote", "robot", "reken", "raden", "regen", "radio", "rente", "regio", "rugby", "reden", "roken", "ruzie", "ruist", "regel", "racen", "races", "riool", "ramen", "radar", "roman", "rokje", "razen", "roede", "staan", "staal", "speel", "steeg", "stoel", "stook", "steek", "schep", "spijs", "stoep", "shirt", "samen", "sites", "sport", "spalk", "sjaal", "storm", "staat", "steun", "strak", "serie", "shows", "schat", "snoep", "sfeer", "smeer", "speer", "scene", "speld", "smeed", "smaak", "super", "stand", "steer", "smelt", "sedan", "skier", "sluis", "sneer", "steel", "truck", "terug", "typen", "talen", "taboe", "tegel", "taart", "tafel", "trouw", "teken", "teren", "taken", "treur", "tenen", "titel", "thuis", "tiara", "teder", "toets", "tabak", "trein", "tarwe", "telen", "teler", "uiten", "uilig", "uitje", "uiver", "ultra", "uniek", "uppie", "uraan", "uiers", "velen", "vloer", "video", "varen", "vegen", "veren", "vader", "vaten", "vuren", "vrouw", "vlees", "vogel", "vroeg", "vezel", "veins", "vorst", "veder", "vanaf", "vieze", "veger", "villa", "veler", "vrede", "vries", "woord", "wagen", "wonen", "waren", "warme", "weten", "water", "weren", "wazig", "wegen", "weven", "wezen", "weken", "wraak", "wilde", "wreed", "wrede", "wenst", "woest", "xenon", "yacht", "yucca", "zwaar", "zware", "zesde", "zagen", "zalig", "zomer", "zeden", "zwart", "zeven", "zicht", "zadel", "zweet", "zenuw", "zweer", "zweef", "zaden", "zaken", "zeker", "zever", "zeeen"];
var random = words[Math.floor(Math.random() * words.length)];
var checkk = document.getElementById('check');
var letter1 = random.substring(0, 1);
var letter2 = random.substring(1, 2);
var letter3 = random.substring(2, 3);
var letter4 = random.substring(3, 4);
var letter5 = random.substring(4, 5);
var tries = 0;
$('.raad').hide();
console.log('het woord is: ' + random);
function check() {
var raad2 = document.getElementById('input2').value;
var raad3 = document.getElementById('input3').value;
var raad4 = document.getElementById('input4').value;
var raad5 = document.getElementById('input5').value;
document.getElementById('eerste').style.background = "green";
if (letter2 == raad2) {
document.getElementById('input2').style.background = "green";
}
else if (letter3 == raad2) {
document.getElementById('input3').style.background = "yellow";
}
else if (letter4 == raad2) {
document.getElementById('input4').style.background = "yellow";
}
else if (letter5 == raad2) {
document.getElementById('input5').style.background = "yellow";
}
else {
document.getElementById('input2').style.background = "red";
}
if (letter3 == raad3) {
document.getElementById('input3').style.background = "green";
}
else if (letter2 == raad3) {
document.getElementById('input2').style.background = "yellow";
}
else if (letter4 == raad3) {
document.getElementById('input4').style.background = "yellow";
}
else if (letter5 == raad3) {
document.getElementById('input5').style.background = "yellow";
} else {
document.getElementById('input3').style.background = "red";
}
if (letter4 == raad4) {
document.getElementById('input4').style.background = "green";
}
else if (letter3 == raad4) {
document.getElementById('input3').style.background = "yellow";
}
else if (letter2 == raad4) {
document.getElementById('input2').style.background = "yellow";
}
else if (letter5 == raad4) {
document.getElementById('input5').style.background = "yellow";
}
else {
document.getElementById('input4').style.background = "red";
}
if (letter5 == raad5) {
document.getElementById('input5').style.background = "green";
}
else if (letter3 == raad5) {
document.getElementById('input3').style.background = "yellow";
}
else if (letter4 == raad5) {
document.getElementById('input4').style.background = "yellow";
}
else if (letter2 == raad5) {
document.getElementById('input2').style.background = "yellow";
}
else {
document.getElementById('input5').style.background = "red";
}
if (letter2 == raad2 && letter3 == raad3 && letter4 == raad4 && letter5 == raad5) {
$('.raad').show();
}
$('#woordraad').text(letter1 +
document.getElementById('input2').value +
document.getElementById('input3').value +
document.getElementById('input4').value +
document.getElementById('input5').value);
tries++;
}
$('.alles').fadeIn(400);
$('#eerste').text(letter1);
h1 {
text-align: center;
font-size: 80px;
}
p.denk {
text-align: center;
font-size: 25px;
}
.input2,.input3,.input4,.input5 {
width: 100px;
height: 100px;
text-align: center;
font-size: 40px;
}
#eerste {
font-size: 40px;
display: inline-block;
border: 1px solid #A9A9A9;
padding-top: 28px;
padding-bottom: 29px;
padding-left: 42px;
padding-right: 42px;
}
p.woordraad {
font-size: 50px;
}
p.raad {
font-size: 50px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lingo</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="alles">
<h1>Lingo!</h1>
<p class="denk">Type in wat je denkt: </p>
<center>
<p id="eerste"></p>
<input maxlength="1" type="text" name="input2" class="input2" id="input2">
<input maxlength="1" type="text" name="input3" class="input3" id="input3">
<input maxlength="1" type="text" name="input4" class="input4" id="input4">
<input maxlength="1" type="text" name="input5" class="input5" id="input5">
<button id="check" onclick="check()">Check!</button>
<p class="woordraad" id="woordraad"></p>
<p class="raad">Je hebt het woord geraden!! =D</p>
</center>
</div>
<script src='https://code.jquery.com/jquery-3.1.0.min.js'></script>
<script src="java.js"></script>
</body>
</html>
尝试输入如下内容:(第一个字母)r r r e
这很可能会出现错误,并且不会为最后的“e”赋予颜色。此外,r 将是黄色的,它应该是红色的(但这并不总是发生)。
知道为什么会这样吗?
(*) 对于不知道的人,Lingo 是一款荷兰语游戏,您可以在其中猜测单词,如果不是正确的单词,则字母在该单词中但在另一个单词中时会变黄当它根本不在单词中时,它会变成 Blob 和红色。)
最佳答案
如果我没有理解 Lingo 的运行方式,您输入的字母(如第 4 个)应该具有绿色/黄色/红色背景。现在,字母应该 所在的位置变成了黄色背景。因此,黄色有时会出现在错误的位置(在某些情况下,某些字母的背景会保持白色)。
固定代码:
if (letter2 == raad2) {
document.getElementById('input2').style.background = "green";
} else if (letter3 == raad2) {
document.getElementById('input2').style.background = "yellow";
} else if (letter4 == raad2) {
document.getElementById('input2').style.background = "yellow";
} else if (letter5 == raad2) {
document.getElementById('input2').style.background = "yellow";
} else {
document.getElementById('input2').style.background = "red";
}
if (letter3 == raad3) {
document.getElementById('input3').style.background = "green";
} else if (letter2 == raad3) {
document.getElementById('input3').style.background = "yellow";
} else if (letter4 == raad3) {
document.getElementById('input3').style.background = "yellow";
} else if (letter5 == raad3) {
document.getElementById('input3').style.background = "yellow";
} else {
document.getElementById('input3').style.background = "red";
}
if (letter4 == raad4) {
document.getElementById('input4').style.background = "green";
} else if (letter3 == raad4) {
document.getElementById('input4').style.background = "yellow";
} else if (letter2 == raad4) {
document.getElementById('input4').style.background = "yellow";
} else if (letter5 == raad4) {
document.getElementById('input4').style.background = "yellow";
} else {
document.getElementById('input4').style.background = "red";
}
if (letter5 == raad5) {
document.getElementById('input5').style.background = "green";
} else if (letter3 == raad5) {
document.getElementById('input5').style.background = "yellow";
} else if (letter4 == raad5) {
document.getElementById('input5').style.background = "yellow";
} else if (letter2 == raad5) {
document.getElementById('input5').style.background = "yellow";
} else {
document.getElementById('input5').style.background = "red";
}
关于javascript - 行话字母有时不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42256661/
在 MySQL 数据库中,我在表中有一列既有纯数字也有混合数字/字母。没有模式,如果是纯数字我想区分,标记为true,否则为false。有什么好的方法可以使用吗?我试过: ID REGEXP '^[[
这个问题在这里已经有了答案: Numbers as column names of data frames (2 个回答) Why am I getting X. in my column names
尝试提出一个正则表达式来捕获诸如 AB1234 或 BA2321 之类的组。本质上需要捕获以 AB 或 BA 开头并后跟 4 位数字的任何内容。 目前,我有类似的东西,但这似乎没有考虑数字 (AB|B
var z = []; for(var i = 1; i len) z.push("a".repeat(len-i%len)) console.log(z.join("\n")); 关于jav
我需要一个仅用于数字、字母、空格和连字符的正则表达式。 像这样的 ^[a-zA-Z0-9]+$ 得到字母和数字,但我需要一个用于上述。这些真的很难理解! 最佳答案 这是你需要的: /^[0-9A-Za
有没有人可以帮助我解决 PDFBox 中的字母问题我正在尝试打印字母“ń”(波兰语字母)并且我得到了类似 þÿ J 的东西。 Dı B R O W 2S0 :K0 3I. 请帮忙! 最佳答案 我遇到了
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗?更新问题,使其仅关注一个问题 editing this post . 已关闭 5 年前。 Improve this ques
我尽量不让我的文本 block 把一个词分成几个部分并跳到下一行。对于每种设备尺寸,文本都会中断并造成可读性问题。我尝试将 marring-right 与 % 一起使用,但并没有太大帮助。 这是我的哈
这是我第一次向 Stack Overflow 发帖提问。我是编程新手,所以如果我说的奇怪或错误,请原谅。 在下面的文件中;它读取目录并将其保存到变量 nAddress 中。然后删除文件扩展名;将文件分
我希望当用户将鼠标悬停在页面上时,我的页面上的某些文本会重新排列字母。例如,将鼠标悬停在“WORK”上,它就会变成“OWKR”。我怀疑需要 js,但我对 js 还是很陌生。下面是我的 html:
我已经为此工作了几个小时,现在我有点卡住了....请帮助我。我是一个完全的编程障碍。除字母表方法外,所有方法都可以正常工作。 它将接收两个字符(大写或小写)并返回由给定 char 值范围组成的字符串。
我想编写一个程序,在输入的同一行中读取 n 个不同化学元素的名称(其中 1 ≤ n ≤ 17 和 n 也在输入中读取)(名称由空格分开)。化学元素的名称应存储在不同的字符串中以供进一步使用。 由于 n
我想隐藏一个字母,并在链接中显示另一个字母,当然,悬停字母的样式不同。例如: 这是一个... ...normal link. 这是一个... ...hovêrêd lînk. 如何实现?谢谢。 编辑:
我一直被这个相当愚蠢的想法所挑战。 所以我可以用 Blabla[span class=superI]i[/span]rest 替换所有出现的“i”:) 我的想法是在真正的 i“后面”添加一个额外的(红
本文以实例演示5种验证码,并介绍生成验证码的函数。PHP生成验证码的原理:通过GD库,生成一张带验证码的图片,并将验证码保存在Session中。 ?
下面给大家介绍下JS正则表达式 必须包含数字、字母、特殊字符 js正则表达式要求: 1. 必须包含数字、英文字母、特殊符号且大于等于8位 2. 特殊符号包括: ~!@#$%^&* 正
我在这里和网上四处寻找解决方案。 问题是我只想接受信件。但是,如果我至少输入一个字母,无论是否有符号或数字,它都会接受。如何获得仅 封信? if (!preg_match("/[a-zA-Z]/",
关闭。这个问题是opinion-based .它目前不接受答案。 想改善这个问题吗?更新问题,以便可以通过 editing this post 用事实和引文回答问题. 去年关闭。 Improve th
制表符分隔的文本文件,实际上是数据库表的导出(使用 bcp),具有以下形式(前 5 列): 102 1 01 e113c 3224.96 12 102 1 01 e185
我需要循环遍历数据数组并为每个数组值打印一个“递增”字母。我知道我可以做到这一点: $array = array(11, 33, 44, 98, 1, 3, 2, 9, 66, 21, 45); //
我是一名优秀的程序员,十分优秀!