【ife】任务三十四：听指令的小方块（二）

document.getElementsByTagName("button")[0].onclick = function() {
	var value = document.getElementById("command").value;
	switch(value) {
		case "GO": go(); break;
		case "TUN LEF": tun_lef(); break;
		case "TUN RIG": tun_rig(); break;
		case "TUN BAC": tun_bac(); break;
		case "TRA LEF": tra_lef(); break;
		case "TRA TOP": tra_top(); break;
		case "TRA RIG": tra_rig(); break;
		case "TRA BOT": tra_bot(); break;
		case "MOV LEF": mov_lef(); break;
		case "MOV TOP": mov_top(); break;
		case "MOV RIG": mov_rig(); break;
		case "MOV BOT": mov_bot(); break;
	}
}
function go() {
	var square = document.getElementById("square"); 
	var deg = square.style.transform.slice(7, -4);
	var x = square.parentNode.getAttribute("id").slice(3, 4);
	var y = square.parentNode.getAttribute("id").slice(4, 5);
	switch(deg) {
		case "0":
			if (x == 0)
				alert("已到最上方！");
			else {
				x--;
				document.getElementById("box" + x + y).appendChild(square);
			}
			break;
		case "90":
			if (y == 9)
				alert("已到最右方！");
			else {
				y++;
				document.getElementById("box" + x + y).appendChild(square);
			}
			break;
		case "180":
			if (x == 9)
				alert("已到最下方！");
			else {
				x++;
				document.getElementById("box" + x + y).appendChild(square);
			}
			break;
		case "270":
			if (y == 0)
				alert("已到最左方！");
			else {
				y--;
				document.getElementById("box" + x + y).appendChild(square);
			}
			break;
	}
}
function tun_lef() {
	var square = document.getElementById("square");
	var deg = (square.style.transform.slice(7, -4) - '0' + 270) % 360;
	square.style.transform = "rotate("+ deg +"deg)";
}
function tun_rig() {
	var square = document.getElementById("square");
	var deg = (square.style.transform.slice(7, -4) - '0' + 90) % 360;
	square.style.transform = "rotate("+ deg +"deg)";
}
function tun_bac() {
	var square = document.getElementById("square");
	var deg = (square.style.transform.slice(7, -4) - '0' + 180) % 360;
	square.style.transform = "rotate("+ deg +"deg)";
}
function tra_lef() {
	var square = document.getElementById("square"); 
	var x = square.parentNode.getAttribute("id").slice(3, 4);
	var y = square.parentNode.getAttribute("id").slice(4, 5);
	if (y == 0)
		alert("已到最左方！");
	else {
		y--;
		document.getElementById("box" + x + y).appendChild(square);
	}
}
function tra_top() {
	var square = document.getElementById("square"); 
	var x = square.parentNode.getAttribute("id").slice(3, 4);
	var y = square.parentNode.getAttribute("id").slice(4, 5);
	if (x == 0)
		alert("已到最上方！");
	else {
		x--;
		document.getElementById("box" + x + y).appendChild(square);
	}
}
function tra_rig() {
	var square = document.getElementById("square"); 
	var x = square.parentNode.getAttribute("id").slice(3, 4);
	var y = square.parentNode.getAttribute("id").slice(4, 5);
	if (y == 9)
		alert("已到最右方！");
	else {
		y++;
		document.getElementById("box" + x + y).appendChild(square);
	}
}
function tra_bot() {
	var square = document.getElementById("square"); 
	var x = square.parentNode.getAttribute("id").slice(3, 4);
	var y = square.parentNode.getAttribute("id").slice(4, 5);
	if (x == 9)
		alert("已到最下方！");
	else {
		x++;
		document.getElementById("box" + x + y).appendChild(square);
	}
}
function mov_lef() {
	var square = document.getElementById("square"); 
	var x = square.parentNode.getAttribute("id").slice(3, 4);
	var y = square.parentNode.getAttribute("id").slice(4, 5);
	square.style.transform = "rotate(270deg)";
	if (y == 0)
		alert("已到最左方！");
	else {
		y--;
		document.getElementById("box" + x + y).appendChild(square);
	}
}
function mov_top() {
	var square = document.getElementById("square"); 
	var x = square.parentNode.getAttribute("id").slice(3, 4);
	var y = square.parentNode.getAttribute("id").slice(4, 5);
	square.style.transform = "rotate(0deg)";
	if (x == 0)
		alert("已到最上方！");
	else {
		x--;
		document.getElementById("box" + x + y).appendChild(square);
	}
}
function mov_rig() {
	var square = document.getElementById("square"); 
	var x = square.parentNode.getAttribute("id").slice(3, 4);
	var y = square.parentNode.getAttribute("id").slice(4, 5);
	square.style.transform = "rotate(90deg)";
	if (y == 9)
		alert("已到最右方！");
	else {
		y++;
		document.getElementById("box" + x + y).appendChild(square);
	}
}
function mov_bot() {
	var square = document.getElementById("square"); 
	var x = square.parentNode.getAttribute("id").slice(3, 4);
	var y = square.parentNode.getAttribute("id").slice(4, 5);
	square.style.transform = "rotate(180deg)";
	if (x == 9)
		alert("已到最下方！");
	else {
		x++;
		document.getElementById("box" + x + y).appendChild(square);
	}
}