3

我正在尝试用javascript制作游戏。我在代码中仍然有很多问题。代码应该有 2 个按钮;一个用于洗牌图像骰子和一个按钮来检查孩子是否写了正确的答案。

  • 2 个按钮
  • 1 个文本框
  • 以及显示答案是否正确的地方

这是我的代码。

我不知道为什么当我放置 document.getElementbyID("test") 的来源时,它什么也没显示,因为我希望每次单击开始时都会选择一个随机图像。

我将不胜感激任何帮助,因为我仍然是 javascript 的初学者。

  <head> 

<script type="text/javascript">


function startf(){
var images = []; 
index = 0;
images[0] = "<img src='1.png' length=70px width=75px>";
images[1] = "<img src='2.png' length=70px width=75px>";
images[2] = "<img src='3.png' length=70px width=75px>";
images[3] = "<img src='4.png' length=70px width=75px>";
index = Math.floor(Math.random() * images.length);
take(index);

function take(ind)
{
return document.getElementbyId("ind")="What should i put here";
}
}
function check(){
var ch=getElementbyId("answer").value;
if (ch=index+1)
{
document.getElementbyId.innerHTML="TRUE";
}
else
{
document.getElementbyId.innerHTML="False";
}

}
</script><br>
</head>
<img id="test" src=""  alt="..." length="75px" width="75px" />

<body>

<input type="button" value="start" onclick="startf()">
<input id="answer" type="text" name="checkvalue" value="Enter Value" onclick="check()">
<div id="fa">
</div>
<input type="button" value=chek onclick="check()">


</body>
4

3 回答 3

4

1-放置并结束每个指令-->;

2- 不要直接使用 document.getElementById,至少会出现一次错误,你不希望这样。

function _e(id) {
   return document.getElementById(id);
}

3-始终在 IF-ELSE 块周围放置括号和 (...):

if (...) {
    //....
} else {
    //....
}

4- 每个标签属性的值都应该有“”,例如:

<input type="button" value="start" onclick="check()" />

5-您只能将图像路径放在数组中,因为它似乎是需要在#test 图像中更新的内容。

于 2012-12-25T22:39:55.127 回答
1

这是document.getElementById检查外壳。你的检查功能是错误的......你不能为 document.getElementById 函数赋值。你的 if 也是错误的。你知道任何 JavaScript 吗?

于 2012-12-25T22:31:08.313 回答
0

我猜你想要的可能是这样的。您似乎只是试图通过使用来添加或替换元素,document.getElementById(id) = something但这不是它的工作方式。相反,要将图像更改为另一个文件,您需要更改其src属性。(还有其他方法,但这可能是最简单的。)

// Declare the variable called number here so it can be accessed
// by all of the following functions.
var number;

// a simple function to save typing document.getElementById all the time
function _e(id) {
    return document.getElementById(id);
}
function startf() {
    // Pick a number between 1 and 4
    number = Math.floor(Math.random() * 4 + 1);

    // Set the image with id 'test' to have the source 1.png, 2.png etc.
    _e('test').src = number + '.png';
}

function check() {
    // note that == is used for comparison, = is used for assignment
    if (_e('answer').value == number) {
        _e('fa').innerHTML = "TRUE";
    }
    else {
        _e('fa').innerHTML = "False";
    }
}​
于 2012-12-25T23:45:08.900 回答