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

No:15590

←

Prev Next

→

Village construction
Developer DAMIEN LCX｜Date and time 23/9/10 2:28:41
Build time 13.893 sec｜Game capacity 1.773KB｜

Script

Construction de Village

Choisissez les éléments pour construire votre village:

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Village Construction</title>
    <style>
        body {
            text-align: center;
        }
        img {
            width: 150px;
            height: 150px;
            padding: 10px;
        }
        #village {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
    </style>
</head>
<body>
    <h1>Construction de Village</h1>
    <h2>Choisissez les éléments pour construire votre village:</h2>
    <div id="village">
        <img src="house.png" id="house">
        <img src="tree.png" id="tree">
        <img src="well.png" id="well">
    </div>

var village = document.getElementById('village');
        village.addEventListener('click', function(event) {
            if (selectedElement !== null) {
                var element = document.createElement('img');
                element.src = selectedElement.src;
                element.classList.add('element');
                element.style.left = (event.clientX - 75) + 'px';  // Adjust offset depending on image width/height
                element.style.top = (event.clientY - 75) + 'px';
                village.appendChild(element);
            }
        });

var house = document.getElementById('house');
        house.addEventListener('click', function() {
            selectedElement = house;
        });

var tree = document.getElementById('tree');
        tree.addEventListener('click', function() {
            selectedElement = tree;
        });

var well = document.getElementById('well');
        well.addEventListener('click', function() {
            selectedElement = well;
        });
    </script>
</body>
</html>