OK. Let's have some fun now! We will add a new button to the editor! Here is what the JavaScript code looks like:
var space = document.createElement("span");
space.innerHTML = ' ';
var editButton = document.createElement("button");
editButton.id = "checkButton";
editButton.title = "Check if the game is feasible.";
editButton.innerHTML = "Check";
var publishButton = document.getElementById("updateButton");
if (publishButton.nextSibling) {
publishButton.parentNode.insertBefore(editButton, publishButton.nextSibling);
publishButton.parentNode.insertBefore(space, publishButton.nextSibling);
} else {
publishButton.parentNode.appendChild(space);
publishButton.parentNode.appendChild(editButton);
}
Type the following code and see what happens:
javascript:var%20space%20=%20document.createElement("span");%20space.innerHTML%20=%20' ';%20%20var%20editButton%20=%20document.createElement("button");%20editButton.id%20=%20"checkButton";%20editButton.title%20=%20"Check%20if%20the%20game%20is%20feasible.";%20editButton.innerHTML%20=%20"Check";%20%20var%20publishButton%20=%20document.getElementById("updateButton");%20if%20(publishButton.nextSibling)%20{%20%20%20publishButton.parentNode.insertBefore(editButton,%20publishButton.nextSibling);%20%20%20publishButton.parentNode.insertBefore(space,%20publishButton.nextSibling);%20}%20else%20{%20%20%20publishButton.parentNode.appendChild(space);%20%20%20publishButton.parentNode.appendChild(editButton);%20}%20void%200;