Создание игры викторина с изображением - PullRequest
Новая
       13

Создание игры викторина с изображением

1 голос
/ 29 февраля 2012

Хорошо. Мне трудно понять это. У меня есть игра, в которой есть вопрос и четыре изображения, для ответа на вопрос необходимо нажать на правильное изображение.

Есть много проблем с кодом (я знаю), я просто пытался разбить его, чтобы заставить работать несколько вещей.

Как мне заставить программу лучше общаться с самим собой, например, прямо сейчас, если я нажму на любое изображение, я получу реакцию, основанную на image[2] = true;. Но я не могу написать заявление if, в котором говорится, что если щелкнуть это изображение, сделайте что-нибудь. Любая помощь или предложения, чтобы помочь мне преодолеть этот горб, были бы великолепны. 

<div class="game">

    <div class="round round1">
        <div class="question"> If put in alphabetical order, which image would come third? </div>
        <div class="image image0"  > <img src="images/image1.gif"  /></div>
        <div class="image image1"  ><img src="images/image2.gif"    /> </div>
        <div class=" image image2"  > <img src="images/image3.gif"  /></div>
        <div class="image image3"  > <img src="images/image4.jpg"  /></div>
    </div>
</div>
<script>
    var image = [false, false, false, false];
    var imageName = ["Car Image","Boat Imagege","Scooter Image","Snow Mobile Image"];

    $(".image0").click(function() {
        image[0] = true;    
        $(".question").replaceWith("The " + imageName[0] + " image is incorrect" );
        $('.image0').css({"background-color":"red"});

    });

    $(".image1").click(function() {
        image[1] = true;    
        $(".question").replaceWith("The " + imageName[1] + " image is incorrect" );
        $('.image1').css({"background-color":"red"});
    });


    $(".image2").mouseup(function() {
        image[2] = true;

        $(".question").replaceWith("Correct, the answer is <b>" + imageName[2] + "</b> image" );
        $('.image2').css({"background-color":"#95d456"});

    });

    $(".image3").click(function() {
        image[3] = true;

        $(".question").replaceWith("The " + imageName[3] + " image is incorrect" );
        $('.image3').css({"background-color":"red"});

    });
</script>

Ответы [ 2 ]

2 голосов
/ 29 февраля 2012

Ваши функции нажатия уже выполняются после нажатия на изображение.Вы можете заставить «правильное» изображение выполнять любой необходимый вам код (а также обновлять ваш массив).В противном случае вы можете написать цикл for, который проверяет image [] на истинные значения.

0 голосов
/ 29 февраля 2012

"Но я не могу написать заявление if, в котором говорится, что если на этом изображении нажата кнопка, что-то сделать."

У вас уже есть события onclick для ваших изображений, так чтоэта проблема?

Попробуйте добавить теги сценариев jquery / javascript на свою страницу и окружить свой сценарий $(function(){ });.

...