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

No:38443

사이트만들기,텍스트적고,생성버튼 누르면 생성됨 사이트가!
Developer User17053｜Date and time 24/1/24 22:08:47
Build time 10.024 sec｜Game capacity 2.015KB｜

Script

사이트 만들기 게임

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>사이트 만들기 게임</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
      }
      #siteImage {
        width: 200px;
        height: 200px;
        margin: 20px auto;
        background-color: #f2f2f2;
        border: 1px solid #ccc;
      }
      #siteText {
        width: 200px;
        height: 30px;
        margin: 10px auto;
        border: 1px solid #ccc;
      }
      #generateButton {
        margin: 10px;
        padding: 10px 20px;
        font-size: 16px;
      }
    </style>
  </head>
  <body>
    <h1>사이트 만들기 게임</h1>
    
    <div id="siteImage"></div>
    <input type="text" id="siteText" placeholder="텍스트를 입력하세요" />
    <button id="generateButton">생성하기</button>

// Clear previous site content
        siteImage.innerHTML = "";

// Create and append pictograms
        let pictogram1 = document.createElement("img");
        pictogram1.src = "pictogram1.png";
        pictogram1.alt = "픽토그램 1";
        siteImage.appendChild(pictogram1);

let pictogram2 = document.createElement("img");
        pictogram2.src = "pictogram2.png";
        pictogram2.alt = "픽토그램 2";
        siteImage.appendChild(pictogram2);

let pictogram3 = document.createElement("img");
        pictogram3.src = "pictogram3.png";
        pictogram3.alt = "픽토그램 3";
        siteImage.appendChild(pictogram3);
        
        // Append site text
        let siteTextElement = document.createElement("p");
        siteTextElement.innerText = siteText;
        siteImage.appendChild(siteTextElement);
      }

// Start the game
      document.getElementById("generateButton").addEventListener("click", generateSite);
    </script>
  </body>
</html>