<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
想查询的行星是：<input type="text" id="inputText"><br/>
<button id="btn" onClick="searchStars()">显示行星信息</button>
</body>
</html>
<script type="text/javascript">
var stars = new Array(4);
stars[0] = "水星";
stars[1] = "金星";
stars[2] = "地球";
stars[3] = "火星";
var starsLen = new Array(4);
starsLen[0] = "3600万英里";
starsLen[1] = "6700万英里";
starsLen[2] = "9300万英里";
starsLen[3] = "14100万英里";
var starsDiam = new Array(4);
starsDiam[0] = "3100万英里";
starsDiam[1] = "7700万英里";
starsDiam[2] = "7920万英里";
starsDiam[3] = "4200万英里";
function searchStars()
{
var inputText = document.getElementById(inputText).value;
for(i = 0; i < stars.length ; i++)
{
if(inputText == stars[i])
{
break;
}
}
if(i < stars.length)
{
alert(stars[i] + "\n" + "与太阳相距：" + starsLen[i] + "\n" + "直径为：" + starsDiam[i]);
}
else
{
alert("输入的行星名称有误，请再输入一次");
}
}
</script>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
想查询的行星是：<input type="text" id="inputText"><br/>
<button id="btn" onClick="searchStars()">显示行星信息</button>
</body>
</html>
<script type="text/javascript">
var stars = new Array(4);
stars[0] = "水星";
stars[1] = "金星";
stars[2] = "地球";
stars[3] = "火星";
var starsLen = new Array(4);
starsLen[0] = "3600万英里";
starsLen[1] = "6700万英里";
starsLen[2] = "9300万英里";
starsLen[3] = "14100万英里";
var starsDiam = new Array(4);
starsDiam[0] = "3100万英里";
starsDiam[1] = "7700万英里";
starsDiam[2] = "7920万英里";
starsDiam[3] = "4200万英里";
function searchStars()
{
var inputText = document.getElementById(inputText).value;
for(i = 0; i < stars.length ; i++)
{
if(inputText == stars[i])
{
break;
}
}
if(i < stars.length)
{
alert(stars[i] + "\n" + "与太阳相距：" + starsLen[i] + "\n" + "直径为：" + starsDiam[i]);
}
else
{
alert("输入的行星名称有误，请再输入一次");
}
}
</script>
