<!DOCTYPE html><html><head><meta charset="utf-8"><title>寻找宝藏</title></head><body><h1 id="heading">寻找埋藏的宝藏</h1><img id="map" width=400 height=400 src="/it/u=4036010509,3445021118&fm=193&f=GIF" /><p id="distance"></p><script src="/jquery-3.6.1.min.js"></script><script>//这里写游戏代码var width=400;var height=400;var clicks=0;//将宝藏随机放在一个位置var getRandomNumber=function(size){return Math.floor(Math.random()*size);}//创建名为target的对象，它有两个属性，分别是x和yvar target={x:getRandomNumber(width),y:getRandomNumber(height)}//计算单击位置和宝藏之间的距离var getDistance=function(event,target){var diffX=event.offsetX-target.x;var diffY=event.offsetY-target.y;return Math.sqrt((diffX*diffX)+(diffY*diffY));}//距离提示var getDistanceHint=function(distance){if (distance<10) {return "<10，很接近了哦！";} else if(distance<20){return "<20，也很棒了哦！";}else if(distance<40){return "<40，不错呢！";}else if(distance<80){return "<80了。";}else if(distance<160){return "<160了。";}else if(distance<320){return "<320了。";}else{return "差得远呢。";}}//单击事件$("#map").click(function(event){//统计单击次数clicks++;//计算单击位置和宝藏之间的距离var distance=getDistance(event,target);//距离提示var distanceHint=getDistanceHint(distance);$("#distance").text(distanceHint);//告诉玩家是否赢了if(distance<8){alert("在点击"+clicks+"次之后找到了宝藏。");}})</script></body></html>
