Javascript 如何使这个图片滑块拼图开始洗牌没有按钮按下?

Javascript 如何使这个图片滑块拼图开始洗牌没有按钮按下?,javascript,Javascript,Goodday程序员们,我正在努力解决这个难题脚本,我想用它来制作网站的“与团队见面”页面 我想让拼图在页面加载时混乱,而不必按“无序”按钮。 如果人们按下“Wie-ben-ik”按钮,谜题应该会解决,就像现在一样 不知怎的,我无法让它工作,如果有人能帮我,那就太好了 以下是代码笔链接: //加载DOM后开始游戏 addEventListener(“DOMContentLoaded”,游戏); //文件。addEventListener(“DOMContentLoaded”,shuffleT

Goodday程序员们,我正在努力解决这个难题脚本,我想用它来制作网站的“与团队见面”页面

我想让拼图在页面加载时混乱,而不必按“无序”按钮。 如果人们按下“Wie-ben-ik”按钮,谜题应该会解决,就像现在一样

不知怎的,我无法让它工作,如果有人能帮我,那就太好了

以下是代码笔链接:

//加载DOM后开始游戏
addEventListener(“DOMContentLoaded”,游戏);
//文件。addEventListener(“DOMContentLoaded”,shuffleTimeouts);
函数游戏(){
//用于保持磁贴位置的数据结构
var parentX=document.querySelector(“.slided puzzle”).clientHeight;
var基距=38;
变量tileMap={
1: {
tileNumber:1,
职位:1,,
排名:0,
左:0
},
2: {
tileNumber:2,
职位:2,
排名:0,
左:基准距离*1
},
3: {
tileNumber:3,
职位:3,
排名:0,
左:基本距离*2
},
4: {
tileNumber:4,
职位:4,
顶部:基准距离,
左:0
},
5: {
蒂勒:5,
职位:5,
顶部:基准距离,
左:基本距离
},
6: {
tileNumber:6,
职位:6,
顶部:基准距离,
左:基本距离*2
},
7: {
蒂勒:7,
职位:7,
顶部:基准距离*2,
左:0
},
8: {
tileNumber:8,
职位:8,
顶部:基准距离*2,
左:基本距离
},
空的:{
职位:9,
顶部:基准距离*2,
左:基本距离*2
}
}
//按上次移动顺序排列的tilenumber数组
var历史=[];
//运动图
功能移动图(位置){
if(position==9)返回[6,8];
if(position==8)返回[5,7,9];
if(position==7)返回[4,8];
if(position==6)返回[3,5,9];
if(position==5)返回[2,4,6,8];
if(position==4)返回[1,5,7];
if(position==3)返回[2,6];
if(position==2)返回[1,3,5];
if(position==1)返回[2,4];
}
//根据tileMap设置电路板
document.querySelector(“#shuffle”).addEventListener('click',shuffle,true);
document.querySelector(“#solve”).addEventListener('click',solve,true);
var tiles=document.querySelectorAll('.tile');
var延迟=-50;
对于(变量i=0;i=3){
if(history[history.length-1]!=history[history.length-3])history.push(tilenmber);
}否则{
历史推送(tileNumber);
}
}
//用空磁贴交换磁贴
var emptyTop=tileMap.empty.top;
var emptyLeft=tileMap.empty.left;
var emptyPosition=tileMap.empty.position;
tileMap.empty.top=tileMap[tileNumber].top;
tileMap.empty.left=tileMap[tileNumber].left;
tileMap.empty.position=tileMap[tileNumber]。位置;
//tile.style.top=emptyTop+'%';
//tile.style.left=emptyLeft+'%';
var xMovement=parentX*(emptyLeft/100);
变量yMovement=parentX*(清空处理/100);
var translateString=“translateX(“+xMovement+”px)”+“translateY(“+yMovement+”px)”
tile.style.webkitttransform=translateString;
tileMap[tileNumber].top=emptyTop;
tileMap[tileNumber].left=emptyLeft;
tileMap[tileNumber].position=emptyPosition;
可回收(瓷砖、瓷砖);
}
//确定是否可以移动给定的磁贴
函数tileMovable(tileNumber){
var selectedTile=tileMap[tileNumber];
var emptyTile=tileMap.empty;
var movableTiles=movementMap(emptyTile.position);
if(可移动磁贴包括(选定的文件位置)){
返回true;
}否则{
返回false;
}
}
//根据谜题是否已解决返回true/false
函数checkSolution(){
if(tileMap.empty.position!==9)返回false;
用于(tileMap中的var键){
如果((键!=1)和&(键!=“空”)){
if(tileMap[key].positionwindow.addEventListener("load",game);
function game() {
  ...
  shuffle();
}