JS implementation of Slide Puzzle verification

.container {

width: 310px;

margin: 100px auto;

}

#msg {

width: 100%;

line-height: 40px;

font-size: 14px;

text-align: center;

}

a:link,

a:visited,

a:hover,

a:active {

margin-left: 100px;

color: #0366D6;

}

.block {

position: absolute;

left: 0;

top: 0;

}

.sliderContainer {

position: relative;

text-align: center;

width: 310px;

height: 40px;

line-height: 40px;

margin-top: 15px;

background: #f7f9fa;

color: #45494c;

border: 1px solid #e4e7eb;

}

.sliderContainer_active .slider {

height: 38px;

top: -1px;

border: 1px solid #1991FA;

}

.sliderContainer_active .sliderMask {

height: 38px;

border-width: 1px;

}

.sliderContainer_success .slider {

height: 38px;

top: -1px;

border: 1px solid #52CCBA;

background-color: #52CCBA !important;

}

.sliderContainer_success .sliderMask {

height: 38px;

border: 1px solid #52CCBA;

background-color: #D2F4EF;

}

.sliderContainer_success .sliderIcon {

background-position: 0 0 !important;

}

.sliderContainer_fail .slider {

height: 38px;

top: -1px;

border: 1px solid #f57a7a;

background-color: #f57a7a !important;

}

.sliderContainer_fail .sliderMask {

height: 38px;

border: 1px solid #f57a7a;

background-color: #fce1e1;

}

.sliderContainer_fail .sliderIcon {

background-position: 0 -83px !important;

}

.sliderContainer_active .sliderText,

.sliderContainer_success .sliderText,

.sliderContainer_fail .sliderText {

display: none;

}

.sliderMask {

position: absolute;

left: 0;

top: 0;

height: 40px;

border: 0 solid #1991FA;

background: #D1E9FE;

}

.slider {

position: absolute;

top: 0;

left: 0;

width: 40px;

height: 40px;

background: #fff;

box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

cursor: pointer;

transition: background .2s linear;

}

.slider:hover {

background: #1991FA;

}

.slider:hover .sliderI 《 A big factory Java Analysis of interview questions + Back end development learning notes + The latest architecture explanation video + Practical project source code handout 》 Free open source Prestige search official account 【 Advanced programming 】 con {

background-position: 0 -13px;

}

.sliderIcon {

position: absolute;

top: 15px;

left: 13px;

width: 14px;

height: 10px;

background: url(img/tb.png) 0 -26px;

background-size: 34px 471px;

}

.refreshIcon {

position: absolute;

right: 0;

top: 0;

width: 34px;

height: 34px;

cursor: pointer;

background: url(img/tb.png) 0 -437px;

background-size: 34px 471px;

}

page , Only one page is used div That's all right.

js Part of the code , Including verification of correctness