如何在html里用javascript输入一个数值输出相应文本?
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什么的根本是一团糟= =完全不行 展开
<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>
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 可以理解为 方法或者函数
你可以通过调用他从一个输入值得到一个或多个输出 或者让它去做某些事
都是最基本的概念 从基本到高级循循序渐进的掌握
不能着急
if(90 <= x && x <=100)
其他的照葫芦画瓢