关于数组问题.菜鸟自学的,请教高手
我想实现当点击[开始]按钮时,下面的图片儿能随机读取,可是参考书上只写了一半.根本不知道在函数里怎样改,现在只能实现默认时配置的图片儿.代码如下:<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>幸运52</title>
<script language="javascript">
var index;
var commodity=new Array(5);
commodity[0]="HP商务笔记本";
commodity[1]="雄鹰";
commodity[2]="小狗";
commodity[3]="小飞";
commodity[4]="风景";
var prc=new Array(5);
prc[0]=9300;
prc[1]=2000;
prc[2]=300;
prc[3]=500;
prc[4]=100;
var img_comm=new Array(5);
img_comm[0]="image/computer.jpg";
img_comm[1]="image/ying.gif";
img_comm[2]="image/dog.gif";
img_comm[3]="image/fei.jpg";
img_comm[4]="image/jing.gif";
index=Math.floor(Math.random()*5);
var flag=0;
var price_computer=9300;
var price_guess;
function begin(){ //开始按钮函数
flag=1;
document.images[0].value=img_comm[index]+prc[index]+commodity[index];
document.images[0].width="129";
document.images[0].height="150";
document.forms[0].elements[1].focus();
}
function NewGame(){ //重新按钮函数
if(flag){
document.form1.text1.value=""; //通过name属性设定网页元素名称,则可以通过名称来引用.这是引用网页元素的方法2
document.form1.button2.value="确定";
price_guess="";
document.images[0].style.visibility="hidden";//通过点运算符引用网页元素的引用,这是引用网页元素的方法3
document.images[0].height="1";
document.images[0].width="1";
flag=0;}
}
function showInfo(){ //确定按钮函数
if(flag){
if(price_guess>price_computer){
confirm("太高了啦")
document.forms[0].elements[1].value="";}//通过数组下标引用网页元素.这是引用网页元素的方法1
else if(price_guess==price_computer){
confirm("恭喜你中奖鸟");
NewGame();}
else if(price_guess<price_computer){ //当价格比较低时.又是一个if嵌套语句,因为里面有两三种情况哩
if(price_guess==""||price_guess==" ")
{ confirm("你还没输入价格哩");}
else
alert("太低了啦");
}
confirm("对商品价格估计应该是正整数");
document.forms[0].elements[1].focus();
}
else alert("您还没有开始哩.请按[开始]按钮进行游戏");
document.forms[0].elements[1].value="";
}
function price_guess_Info(){ //文本输入框按钮函数
if(flag){
price_guess=parseFloat(document.forms[0].elements[1].value);}
//当用户输入的值发生改变时,及时更新.因此必须用parseFloat()方法把字符串转换成浮点数(实数)
else alert("您还没有开始哩.请按[开始]按钮进行游戏");
document.forms[0].elements[1].value="";
}
</script>
</head>
<body>
<H1>"幸运52"模拟小游戏哦</H1>
<P>规则:<BR>
1.点击"开始"按钮,进入游戏.<BR>
2.请迅速在输入框中输入你估计的价格,然后点击<B>[确定]</B>按钮.<BR>
3.这时系统会给你一个价格,是高了还是低了,在弹出的对话框中点击<B>[确定]</B>,再次输入价格重复上一步.直到你正确为止,如果中了系统会
提示你恭喜你中奖了!<BR>
</P>
<form name="form1" onSubmit="return false;">
<p>请单击"开始"按钮来开始游戏:
<input type="button" name="button0" value="开始" onClick="begin();"></p><br>
<table border=0>
<tr><td>
<img src="image/computer.jpg">
</td>
<td>请输入商品的估计价格:<input type="text" name="text1" value="" onChange="price_guess_Info();"></p>
<p>
请单击"确定"按钮对你估计的价格进行确认:<input type="button" name="button2" value="确定"" onClick="showInfo();"></p>
<p>
点击"重来"按钮可重新开始该游戏:<input type="button" name="button3" value="重来" onClick="NewGame();"></p></td>
</tr>
</table>
</form>
</body>
</html>