天天看点

Nearth===>WEB前端--第23课/js学习/看美女案列

素材:找两张美女图片
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nearth</title>
  </head>
  <body>
    <h1>看美女</h1>
    <p>分析:
    1,获取图片对象
    2,绑定单击事件
    3,每次点击切换美女图片
    如果美女是你老婆,你将去看美女
    如果美女不是你老婆,你将对要求去看你老婆
    使用flag来完成
    </p>
    <img id="beauty1"src="1.jpg" >
    <script>
    var beauty1=document.getElementById("beauty1");
    var flag=false;//代表你看美女1看够了
    beauty1.onclick=function(){
      if(flag){
        beauty1.src="1.jpg";
        flag=false;
        alert("去看你老婆,不要再来看我了~");
      }
      else{
        beauty1.src="2.jpg";
        flag=true;
        alert("这个美女好看~");
      }
      
    }
    </script>
  </body>
</html>
走走停停看看美女也是每天必做的事····························