음성통화 ai 챗봇 만들기's game

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

No:37313

←

Prev Next

→

음성통화 ai 챗봇 만들기
Developer User17053｜Date and time 24/1/21 0:40:34
Build time 13.834 sec｜Game capacity 3.598KB｜

Script

😃

🤔

🥳

😍

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<title>음성통화 AI 챗봇 게임</title>
<style>
    #game-container {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

#question {
        font-size: 24px;
        margin-bottom: 20px;
    }

#options-container {
        display: flex;
        flex-wrap: wrap;
    }

.option {
        width: 100px;
        height: 100px;
        margin: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #eaeaea;
        font-size: 20px;
        cursor: pointer;
    }

#score {
        font-size: 24px;
        margin-top: 20px;
    }
</style>
</head>
<body>
    <div id="game-container">
        <div id="question"></div>
        <div id="options-container">
            <div class="option" onclick="checkAnswer(0)">😃</div>
            <div class="option" onclick="checkAnswer(1)">🤔</div>
            <div class="option" onclick="checkAnswer(2)">🥳</div>
            <div class="option" onclick="checkAnswer(3)">😍</div>
        </div>
        <div id="score"></div>
    </div>

var currentQuestionIndex = 0;
    var score = 0;

var questionElement = document.getElementById('question');
    var optionsContainer = document.getElementById('options-container');
    var scoreElement = document.getElementById('score');

function startGame() {
        currentQuestionIndex = 0;
        score = 0;
        showQuestion();
    }

function showQuestion() {
        var currentQuestion = quizData[currentQuestionIndex];
        questionElement.textContent = currentQuestion.question;

optionsContainer.innerHTML = '';

for (var i = 0; i < currentQuestion.options.length; i++) {
            var optionElement = document.createElement('div');
            optionElement.textContent = currentQuestion.options[i];
            optionElement.className = 'option';
            optionElement.setAttribute('onclick', 'checkAnswer(' + i + ')');
            optionsContainer.appendChild(optionElement);
        }
    }

function checkAnswer(selectedOptionIndex) {
        var currentQuestion = quizData[currentQuestionIndex];

if (selectedOptionIndex === currentQuestion.answer) {
            score++;
        }

currentQuestionIndex++;

if (currentQuestionIndex < quizData.length) {
            showQuestion();
        } else {
            endGame();
        }
    }

function endGame() {
        questionElement.textContent = "게임 종료!";
        optionsContainer.innerHTML = '';
        scoreElement.textContent = "점수: " + score + "/" + quizData.length;
    }

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