Javascript测试（1）

​x
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
    <h1>Javascript</h1>
  <button id="today" onclick="timedates()">Time</button>
  <p>
    测试智商
  </p>
  <p>
    小红的爸爸有三个女儿，大女儿叫春红，二女儿叫夏红，那么小女儿叫什么？
  </p>
  请输入你认为正确的答案：<input id="key" value="text"/>
  <button onclick="mywisdom()">点击</button>
  <p id="demo"> </p>
  判断输入次数为成绩：<input id="nums" value="0">
  <button onclick="mynum()">点击</button>
  <p id="numclcik"></p>
  <hr>
  请输入你的体重:<input id="weight" value="0">
  <button onclick="myweight()">clcik</button>
  <p id="myweight"></p>
</body>
</html>

HTML

xxxxxxxxxx
 
function timedates()
{
  var x=new Date();
  document.getElementById("today").innerHTML=x;
}
function mywisdom()
{
  var key,wisdom;
  key=document.getElementById("key").value;
  wisdom=(key==="小红")?"恭喜你，终于答对了！":"恭喜你，你答得太错了！";
  document.getElementById("demo").innerHTML=wisdom;
}
function myweight()
{
  var dom="";
  var y=document.getElementById("weight").value;
  if(y>=65)
    {
      dom="哎呀，还可以！"
    }else
      {
        dom="太目不忍视!你赶快去调整身体！"
      }
  document.getElementById("myweight").innerHTML=dom;
}
function mynum()
{
  var mark="";
  var n=document.getElementById("nums").value;
  if(n<4){
    mark="good!"
  }else if(n>=4 && n<7){
    mark="智商还算可以，努力吧!"
  }else{
    mark="智商...多看书少玩游戏!"
  }
  document.getElementById("numclcik").innerHTML=mark;
}

JavaScript