百度某公开课的第一课

好好玩~

HTML:

<div>
<img id="jiandao" src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/jiandao.jpg?raw=true">
<img id="shitou" src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/shitou.jpg?raw=true">
<img id="bu" src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/bu.jpg?raw=true">
</div>

<img id="my-result">
<span id="result-test"></span>
<img id="computer-result">

JS:

var jiandao = document.getElementById("jiandao");
var shitou = document.getElementById("shitou");
var bu = document.getElementById("bu");

jiandao.onclick = function(){
  document.getElementById("my-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/jiandao.jpg?raw=true";
  var computerResult = Math.random();
  if(computerResult<0.33){
    document.getElementById("computer-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/jiandao.jpg?raw=true";
    document.getElementById("result-test").innerHTML = "Tie";
  }else if(computerResult<0.67){
    document.getElementById("computer-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/shitou.jpg?raw=true";
    document.getElementById("result-test").innerHTML = "Lose";
  }else{
    document.getElementById("computer-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/bu.jpg?raw=true";
    document.getElementById("result-test").innerHTML = "Win";
  }
}


shitou.onclick = function(){
  document.getElementById("my-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/shitou.jpg?raw=true";
  var computerResult = Math.random();
  if(computerResult<0.33){
    document.getElementById("computer-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/jiandao.jpg?raw=true";
    document.getElementById("result-test").innerHTML = "Win";
  }else if(computerResult<0.67){
    document.getElementById("computer-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/shitou.jpg?raw=true";
    document.getElementById("result-test").innerHTML = "Tie";
  }else{
    document.getElementById("computer-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/bu.jpg?raw=true";
    document.getElementById("result-test").innerHTML = "Lose";
  }
}

bu.onclick = function(){
  document.getElementById("my-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/bu.jpg?raw=true";
  var computerResult = Math.random();
  if(computerResult<0.33){
    document.getElementById("computer-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/jiandao.jpg?raw=true";
    document.getElementById("result-test").innerHTML = "Lose";
  }else if(computerResult<0.67){
    document.getElementById("computer-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/shitou.jpg?raw=true";
    document.getElementById("result-test").innerHTML = "Win";
  }else{
    document.getElementById("computer-result").src="https://github.com/baidu-ife/ife/blob/master/2015_summer/asset/bu.jpg?raw=true";
    document.getElementById("result-test").innerHTML = "Tie";
  }
}

转载于:https://www.cnblogs.com/qscqesze/p/4662810.html

原文链接：https://blog.csdn.net/weixin_30342827/article/details/96244120

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。