<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="game-board">  </div> <div id="user-input"> <input type="text" id="user-offer" placeholder="Enter your offer"> <button id="submit-offer">Submit Offer</button> </div> <div id="game-message">  </div> <script src="script.js"></script> </body> </html>'s game

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

No:19747

←

Prev Next

→

<!DOCTYPE html> <html> <head> ..ALL
Developer User8807｜Date and time 23/10/6 13:33:26
Build time 14.524 sec｜Game capacity 2.618KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div id="game-board">
        
    </div>
    <div id="user-input">
        <input type="text" id="user-offer" placeholder="Enter your offer">
        <button id="submit-offer" onclick="checkOffer()">Submit Offer</button>
    </div>
    <div id="game-message">
        
    </div>
    <script>
        var carListings = [
            {make: "Toyota", model: "Corolla", price: "$10,000"},
            {make: "Honda", model: "Civic", price: "$12,500"},
            {make: "Ford", model: "Mustang", price: "$25,000"},
            {make: "Chevrolet", model: "Camaro", price: "$27,500"},
            {make: "Nissan", model: "Altima", price: "$15,500"}
        ];

var currentListingIndex = 0;

function displayCurrentListing() {
            var currentListing = carListings[currentListingIndex];
            var gameBoardDiv = document.getElementById("game-board");
            gameBoardDiv.innerHTML = "<img src='car.png' alt='Car Image'><br>" + 
                                     "<span class='make'>" + currentListing.make + "</span><br>" +
                                     "<span class='model'>" + currentListing.model + "</span><br>" +
                                     "<span class='price'>" + currentListing.price + "</span>";
        }

function checkOffer() {
            var userOffer = document.getElementById("user-offer").value;
            var currentListing = carListings[currentListingIndex];
            var gameMessageDiv = document.getElementById("game-message");

if (userOffer == currentListing.price) {
                gameMessageDiv.innerHTML = "Congratulations! Your offer is accepted.";
                currentListingIndex++;
                if (currentListingIndex < carListings.length) {
                    setTimeout(displayCurrentListing, 2000);
                    document.getElementById("user-offer").value = "";
                } else {
                    gameMessageDiv.innerHTML += "<br>Game Over. All cars sold!";
                    document.getElementById("user-offer").disabled = true;
                    document.getElementById("submit-offer").disabled = true;
                }
            } else {
                gameMessageDiv.innerHTML = "Sorry, your offer is not accepted. Try again.";
                document.getElementById("user-offer").value = "";
            }
        }

displayCurrentListing();
    </script>
</body>
</html>