如何在html里用javascript输入一个数值输出相应文本？

比如输入90~100，点击按钮显示A
80~89，点击按钮显示B
70~79，点击按钮显示C
60~69，点击按钮显示D

<input id="mark" type="text">
<script>
function myFunction()
{
var x=document.getElementById("mark").value;
if(x="90")
{
document.getElementById("grade").innerHTML="A";
}
if (x="80")
{
document.getElementById("grade").innerHTML="B";
}
if (x="50")
{
document.getElementById("grade").innerHTML="F";
}
}
</script>
<br></br>
<button type="button" onclick="myFunction()">Grade</button>

<p id="grade"></p>

求指点
1.不会写数值范围，90<X<100,要如何表达？
2.function什么的根本是一团糟= =完全不行

举报该问题

推荐答案 2013-11-12

<html>
<input id="mark" type="text">
<script>
function myFunction()
{
var x=document.getElementById("mark").value;
if(isNaN(x))
{
document.getElementById("grade").innerHTML="您输入的不是数字";
return;
}
if(x>=90&&x<=100)
{
document.getElementById("grade").innerHTML="A";
}
else if (x>=80&&x<=89)
{
document.getElementById("grade").innerHTML="B";
}
else if (x>=70&&x<=79)
{
document.getElementById("grade").innerHTML="c";
}
else if (x>=60&&x<=69)
{
document.getElementById("grade").innerHTML="c";
}
else
{
document.getElementById("grade").innerHTML="输入数据超出范围";
}
}
</script>
<br></br>
<button type="button" onclick="myFunction()">Grade</button>

<p id="grade"></p>
<hr>

</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://00.wendadaohang.com/zd/DZZj0njBZBZjZeeeDZB.html

其他回答

第1个回答 2013-11-12

比如输入90~100，点击按钮显示A
80~89，点击按钮显示B
70~79，点击按钮显示C
60~69，点击按钮显示D

<input id="mark" type="text">
<script>
function myFunction()
{// 这里先转化为数值
var x=parseInt(document.getElementById("mark").value);
// && 是逻辑与表示并且的意思 .通常逻辑运算会用到与和或还有非分别为&& || !
// 写一个作为例子之后的请尝试自己写出来有什么问题可以提
if(90<x &&x<=100)
{
document.getElementById("grade").innerHTML="A";

{
function 可以理解为方法或者函数
你可以通过调用他从一个输入值得到一个或多个输出或者让它去做某些事
都是最基本的概念从基本到高级循循序渐进的掌握
不能着急

第2个回答 2013-11-12

这个。javascript基础。。
if(90 <= x && x <=100)
其他的照葫芦画瓢

相似回答

大家正在搜