console
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.iife.min.js">
</script>
<script>
$(document).ready(function(){
function calc(typeIdx,totalType){
setTimeout(function () {
var exeOp=[1,1,1,1,1,1];
var exeOpstr=['+','+','+','+','+','+'];
var typeNum=typeIdx;
for(opIdx=5;opIdx>=0;opIdx--){
var yu = typeNum % 4;
if(yu==0){
exeOpstr[opIdx]='+';
}
else if(yu==1){
exeOpstr[opIdx]='-';
}
else if(yu==2){
exeOpstr[opIdx]='*';
}
else if(yu==3){
exeOpstr[opIdx]='/';
}
exeOp[opIdx]=yu;
typeNum = parseInt(typeNum / 4);
}
var exeStr="";
for(i=1;i<7;i++){
exeStr+=$("#num"+i).text();
exeStr+=exeOpstr[i-1];
$("#op"+i).text(exeOpstr[i-1]);
}
exeStr+=$("#num7").text();
var result=eval(exeStr);
$("#result").text(Math.round( result));
if(result==9){
var okstr='<div>'+
'<button class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>6</span></button> '+
'<button class="btn btn-primary active">'+exeOpstr[0]+'</button>'+
'<button class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>7</span></button> '+
'<button class="btn btn-primary active">'+exeOpstr[1]+'</button>'+
'<button class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>11</span></button> '+
'<button class="btn btn-primary active">'+exeOpstr[2]+'</button>'+
' <button class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>3</span></button> '+
'<button class="btn btn-primary active">'+exeOpstr[3]+'</button>'+
' <button class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>2</span></button> '+
'<button class="btn btn-primary active">'+exeOpstr[4]+'</button>'+
' <button class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>5</span></button> '+
'<button class="btn btn-primary active">'+exeOpstr[5]+'</button>'+
' <button class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>12</span></button> '+
'<button class="btn btn-danger active">=</button>'+
' <button class="btn btn-danger bmd-btn-fab bmd-btn-fab-sm"><span>'+result+'</span></button> '+
'</div>';
$("#okList").append(okstr);
console.log(exeStr);
}
$("#state").text(typeIdx+"/"+totalType);
if(typeIdx<totalType){
calc(typeIdx+1,totalType);
}
else{
$("#run").attr("disabled",false);
}
}, 2);
}
$("#run").click(function(){
var totalType=Math.pow(4,6); //总共有4的6次方种
$("#state").text("0/"+totalType);
$("#run").attr("disabled",true);
calc(0,totalType);
// for(typeIdx=0;typeIdx<totalType;typeIdx++){
// }
});
});
</script>
</head>
<body>
<div class="alert alert-info" role="alert">
<span>一共有6个空格,填入四种运算符,所以4的6次方=4096种</span>
</div>
<div>
<button id="num1" class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>6</span></button>
<button id="op1" class="btn btn-primary active">+</button>
<button id="num2" class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>7</span></button>
<button id="op2" class="btn btn-primary active">+</button>
<button id="num3" class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>11</span></button>
<button id="op3" class="btn btn-primary active">+</button>
<button id="num4" class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>3</span></button>
<button id="op4" class="btn btn-primary active">+</button>
<button id="num5" class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>2</span></button>
<button id="op5" class="btn btn-primary active">+</button>
<button id="num6" class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>5</span></button>
<button id="op6" class="btn btn-primary active">+</button>
<button id="num7" class="btn btn-primary bmd-btn-fab bmd-btn-fab-sm"><span>12</span></button>
<button class="btn btn-danger active">=</button>
<button id="result" class="btn btn-danger bmd-btn-fab bmd-btn-fab-sm"><span></span></button>
<button id="run" class="btn btn-raised btn-info">运算</button>
<span id="state">0/0</span>
</div>
<div>
<hr />
</div>
<div id = "okList" >
</div>
</body>
</html>