Javascript问题：记忆游戏 [英] Javascript problem: Memory game
问题描述
嘿所有。我正在用Javascript做内存游戏，使用innerhtml生成表格，其中记忆卡片。取决于困难。代码的工作仍在进行中，因为我还必须为游戏玩法制作函数。虽然如果我不能让桌子工作就没有意义继续下去。
目前我已经制作了易于使用的桌面代码（helppo）但是，当我点击图片，它应该生成代码到div（id = pelialue），没有任何反应。我在javascript方面不是很有经验，所以可能有一些我没有注意到的简单事情。希望你们中的一些人可以帮助我。变量和函数名用我的母语（芬兰语）。
（PHP或Flash无法选择）
这里是'完成未完成的代码：
[HTML]<！DOCTYPE html PUBLIC" - // W3C // DTD XHTML 1.0 Transitional // EN" http：//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns =" http：// www .w3.org / 1999 / xhtml">
< head>
< title>
Muistipeli
< / title>
< link rel =" stylesheet" type =" text / css"
href =" tyyli.css" />
< script language =">
function Pala（nimi，kuva，monta）{
this.nimi = nimi;
this.kuva = kuva;
this.monta = monta;
}
function valittu（ nimi）{
}
函数kokoa（paloja）{
var pelipalat ="" ;;
var kerta = 0;
var valittuja = 0;
while（paloja> 0）{
random = Math。 ceil（Math.random（）*（paloja / 2））;
if（palat [random-1] .monta == 2）{valittuja ++;}
if （！palat [random-1] .monta === 0&&！（valittuja> =（paloja / 2）））{
pelipalat = pelipalat +"< td>< ; img src =''Tausta.bmp''name =''" + palat [random-1] .nimi +"''onclick =''valittu（" + palat [random-1] .nimi +" ;）;''>< / td>" ;;
palat [random-1] .monta--;
paloja--;
kerta ++;
if（kerta == 4）{
pelipalat = pelipala t +"< / tr>< tr>" ;;
kerta = 0;
}
}
}
返回pelipalat;
}
var palat = [];
palat [0] = new Pala（Kakku，Kakku.bmp，2）;
palat [1] = new Pala（Kummitus，Kummitus.bmp ;，2）;
palat [2] = new Pala（" Kyna"，" Kyna.bmp"，2）;
palat [3] = new Pala（Kirja，Kirja.bmp，2）;
palat [4] =新Pala（Kukka，Kukka.bmp，2）;
palat [5] =新Pala（Talo，Talo.bmp，2）;
函数helppo（）{
var helppous ="< table>< tr>" ;;
helppous = helppous + kokoa（12）;
helppous = helppous +"< / tr>< / table>" ;;
document.getElementById（''pelialue''）。innerHTML = helppous;
}
< / script>
< / head>
< body>
< table class =" vaikeustaso">
< tr>
< th colspan =" 3"> VALITSE UUSI PELI< / th>
< / tr>
< tr>
< td class =" vaikeus" width =" 113px">< img class =" vaikea" SRC =" Helppo.bmp" alt =" Aloita helppo peli" onMouseUp = QUOT; document.helpponappi.src = Helppo.bmp; helppo（）;" onmousedown事件= QUOT; document.helpponappi.src = Helppopain。 BMP; "的onmouseout = QUOT; document.helpponappi.src = Helppo.bmp; " name =" helpponappi">< / td>
< td class =" vaikeus" width =" 142px">< img class =" vaikea" SRC =" Normaali.bmp" alt =" Aloita normaali peli" onMouseUp = QUOT; document.norminappi.src = Normaali.bmp; normaali（）;" onMouseDown =" document.norminappi.src =''Normaalipain .bmp''; " onMouseOut =" document.norminappi.src =''Normaali.bmp'';" name =" norminappi">< / td>
< td class =" vaikeus" width =" 108px">< img class =" vaikea" SRC =" Vaikea.bmp" alt =" Aloita vaikea peli" onMouseUp = QUOT; document.vaikeanappi.src = vaikea.bmp; vaikea（）;" onmousedown事件= QUOT; document.vaikeanappi.src = Vaikeapain。 BMP; "的onmouseout = QUOT; document.vaikeanappi.src = Vaikea.bmp; " name =" vaikeanappi">< / td>
< / tr>
< / table>
< div id =" pelialue"对齐= QUOT;中心" class =" pelialue"> Pelialue
< / div>
< / body>
< / html> [/ HTML]
Hey all. I''m doing a memory game with Javascript using innerhtml to generate table where memory "cards" are depending on difficulty. The work for the code is still in progress as I have to make functions for gameplay as well. Though there''s no sense to proceed if I can''t get making the table to work.
Currently I''ve made tablecode for easy difficulty (helppo) however, when I click into image which should generate the code into div (id = pelialue), nothing happens. I''m not very experienced in javascript so there might be some simple thing I haven''t noticed. Hope some of you can help me. Variables and function names are in my native language (finnish).
(PHP or Flash ain''t option)
Here''s the unfinished code entirely:
[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Muistipeli
</title>
<link rel="stylesheet" type="text/css"
href="tyyli.css" />
<script language=">
function Pala(nimi, kuva, monta){
this.nimi = nimi;
this.kuva = kuva;
this.monta = monta;
}
function valittu(nimi){
}
function kokoa(paloja){
var pelipalat = "";
var kerta = 0;
var valittuja = 0;
while (paloja > 0){
random = Math.ceil(Math.random() * (paloja/2));
if(palat[random-1].monta==2){valittuja++;}
if(!palat[random-1].monta===0 && !(valittuja>=(paloja/2))){
pelipalat = pelipalat + "<td><img src=''Tausta.bmp'' name=''"+palat[random-1].nimi+"'' onclick=''valittu("+palat[random-1].nimi+");''></td>";
palat[random-1].monta--;
paloja--;
kerta++;
if(kerta==4){
pelipalat= pelipalat + "</tr><tr>";
kerta=0;
}
}
}
return pelipalat;
}
var palat = [];
palat[0] = new Pala("Kakku","Kakku.bmp", 2);
palat[1] = new Pala("Kummitus","Kummitus.bmp", 2);
palat[2] = new Pala("Kyna","Kyna.bmp", 2);
palat[3] = new Pala("Kirja","Kirja.bmp", 2);
palat[4] = new Pala("Kukka","Kukka.bmp", 2);
palat[5] = new Pala("Talo","Talo.bmp", 2);
function helppo(){
var helppous = "<table><tr>";
helppous = helppous + kokoa(12);
helppous = helppous + "</tr></table>";
document.getElementById(''pelialue'').innerHTML = helppous;
}
</script>
</head>
<body>
<table class="vaikeustaso">
<tr>
<th colspan="3">VALITSE UUSI PELI</th>
</tr>
<tr>
<td class="vaikeus" width="113px"><img class="vaikea" src="Helppo.bmp" alt="Aloita helppo peli" onMouseUp="document.helpponappi.src=''Helppo.bmp''; helppo();" onMouseDown="document.helpponappi.src=''Helppopain. bmp''; " onMouseOut="document.helpponappi.src=''Helppo.bmp''; " name="helpponappi"></td>
<td class="vaikeus" width="142px"><img class="vaikea" src="Normaali.bmp" alt="Aloita normaali peli" onMouseUp="document.norminappi.src=''Normaali.bmp''; normaali();" onMouseDown="document.norminappi.src=''Normaalipain .bmp''; " onMouseOut="document.norminappi.src=''Normaali.bmp'' ;" name="norminappi"></td>
<td class="vaikeus" width="108px"><img class="vaikea" src="Vaikea.bmp" alt="Aloita vaikea peli" onMouseUp="document.vaikeanappi.src=''vaikea.bmp''; vaikea();" onMouseDown="document.vaikeanappi.src=''Vaikeapain. bmp''; " onMouseOut="document.vaikeanappi.src=''Vaikea.bmp''; " name="vaikeanappi"></td>
</tr>
</table>
<div id="pelialue" align="center" class="pelialue">Pelialue
</div>
</body>
</html>[/HTML]
推荐答案
第一个问题是这一行：
[html]< script language ="> [/ html]替换为：
[html]< script type =" text / javascript"> [/ html]
PS。发布代码时请使用代码标签。谢谢！
The first problem is this line:
[html]<script language=">[/html]Replace that with:
[html]<script type="text/javascript">[/html]
PS. please use code tags when posting code. Thanks!
document.helpponappi.src不是通过id指向标签的属性方式。
使用document.getElementById（" id。反而。
document.helpponappi.src is not the propert way to point to a tag by id.
use document.getElementById("id") instead.
感谢您的帮助，现在我已经设法让它打印一些带有测试条款的表格单元格，但它仍然没有完成表。问题出在函数kokoa（）中，我相信。
换句话说，它似乎以某种方式陷入了永恒的循环。
Thanks for the help, and now I''ve managed to make it print some table cells with test clauses but it still doesn''t get quite finished with the table. The problem is in function kokoa(), I believe.
In other words, it seems to stuck in eternal loop somehow.
这篇关于Javascript问题：记忆游戏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
