Click button


HTML to create button and square

<!-- Button -->
<button onclick="toggleColor()" style="padding: 10px 20px; font-size: 16px;">
  Toggle Color
</button>

<!-- Square -->
<div id="colorBox" style="width: 200px; height: 200px; background-color: lightgrey; margin-top: 20px;"></div>

javascript to change square to a random color when button clicked

<!-- JavaScript -->
<script>
  function toggleColor() {
    const box = document.getElementById('colorBox');

    // Update to random color
    const randomColor = '#' + Math.floor(Math.random()*16777215).toString(16);
    box.style.backgroundColor = randomColor;
  }
</script>

minecraftcrafting info
Basic Recipes
NameIngredientsImageDescription
Wooden PlanksLogCraft Wooden PlanksBasic building material.
SticksWooden PlanksCraft SticksUsed in many other crafting recipies.
TorchesCoal & StickCraft TorchesTorches provide light and also melt ice and snow.
Crafting TableWooden PlanksOpens a 3x3 crafting grid when right clicked.
FurnaceCobblestone or BlackstoneCraft FurnaceAllows the player to smelt.
ChestWooden PlanksCraft ChestUsed to store blocks and items.
LaddersSticksCraft LaddersAllows the player to climb vertically.
FenceSticks & Wooden PlanksBarrier that cannot be jumped over.
BoatWooden PlanksUsed to travel in water.
Wooden SlabsWooden PlanksUsed to create gradual slopes.
Stone Slabs

Stone or Brick or Stone Brick or Sandstone or Cobblestone or Nether Brick or Quartz or Red Sandstone

Used to create gradual slopes.
SignWooden Planks & StickCan be used to display text.
DoorsWooden Planks or Iron IngotsWooden doors can be opened by clicking or redstone power. Iron doors can only be opened by redstone power.
WoodLogsBlock with log texture on all sides.