Click here for free DL of the app version that can save data.

No:22110

111

←

Prev Next

→

A wiring game but it's wired
Developer User9947｜Date and time 23/10/20 23:24:23
Build time 101.188 sec｜Game capacity 4.074KB｜

Script

Sure! Here's a simplified version of a wiring game implemented as a single HTML file with JavaScript. The game requires players to connect wires between devices correctly to complete the circuit.

Wiring Game

In this game, there are four devices represented by the `<div>` elements with the class "device". Each device has one or two wires that need to be connected by clicking on them. Once all devices are properly wired, an alert message will pop up congratulating the player. To start the game, simply press the "Start" button. The game will then allow you to connect and disconnect wires by clicking on them.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

Sure! Here's a simplified version of a wiring game implemented as a single HTML file with JavaScript. The game requires players to connect wires between devices correctly to complete the circuit.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Wiring Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

#game {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 400px;
    }

.device {
      width: 150px;
      height: 150px;
      background-color: #f7f7f7;
      border: 2px solid #333;
      border-radius: 10px;
      margin: 10px;
      padding: 10px;
      position: relative;
    }

.wire {
      width: 8px;
      height: 8px;
      background-color: #333;
      position: absolute;
    }
  </style>
</head>
<body>
  <h1>Wiring Game</h1>
  <div id="game">
    
    <div class="device" id="device1">
      <div class="wire" style="top: 30px; left: 10px;"></div>
    </div>
    <div class="device" id="device2">
      <div class="wire" style="top: 30px; right: 10px;"></div>
      <div class="wire" style="bottom: 10px; left: 70px;"></div>
    </div>
    <div class="device" id="device3">
      <div class="wire" style="top: 70px; left: 10px;"></div>
      <div class="wire" style="bottom: 10px; right: 70px;"></div>
    </div>
    <div class="device" id="device4">
      <div class="wire" style="top: 70px; right: 10px;"></div>
    </div>
  </div>
  <button id="startButton">Start</button>

function startGame() {
        // Add click event listeners to wires
        var wires = document.getElementsByClassName("wire");
        for (var i = 0; i < wires.length; i++) {
          wires[i].addEventListener("click", connectWires);
        }
      }

function connectWires(event) {
        var wire = event.target;

// Check if the wire is already connected
        if (wire.getAttribute("connected") === "true") {
          // If it is, disconnect it
          wire.style.backgroundColor = "#333";
          wire.setAttribute("connected", "false");
        } else {
          // If it is not, connect it
          wire.style.backgroundColor = "green";
          wire.setAttribute("connected", "true");
        }

// Check if all devices are correctly wired
        var allDevicesWired = checkDevicesWiring();
        if (allDevicesWired) {
          alert("Congratulations! All devices are properly wired.");
          for (var i = 0; i < wires.length; i++) {
            wires[i].removeEventListener("click", connectWires);
          }
        }
      }

function checkDevicesWiring() {
        for (var i = 0; i < devices.length; i++) {
          var device = document.getElementById(devices[i]);
          var connectedWires = Array.from(device.getElementsByClassName("wire")).filter(wire => wire.getAttribute("connected") === "true");

// Check if the device has all required wires
          if (devices[i] === "device1" && connectedWires.length < 1) {
            return false;
          }
          if (devices[i] === "device2" && connectedWires.length < 2) {
            return false;
          }
          if (devices[i] === "device3" && connectedWires.length < 2) {
            return false;
          }
          if (devices[i] === "device4" && connectedWires.length < 1) {
            return false;
          }
        }
        return true;
      }

document.getElementById("startButton").addEventListener("click", startGame);
    }
  </script>
</body>
</html>
```

To start the game, simply press the "Start" button. The game will then allow you to connect and disconnect wires by clicking on them.