Question

I really have no idea how to approach this. I’ve been reading for like 10 hours just about javascript, html, css,if statements, conditionals, etc etc (beginner attempting to learning everything >_<). It’s been a ton of fun but I’m rather stuck on how to approach this.

Here’s what I’m trying to accomplish. I want a user to be able to click 1 of 2 pictures and then have the value of the picture change from 0 to 1….or selected? I then want to do this exact scenario one additional time (so essentially two different input choices). At the end I would like to have content inserted else where on the page via a div if both values are changed from 0 to 1.

I also apologize for blatantly being uneducated in regards to my question. I’m doing my best to learn though and I absolutely love trial and error.

Edit: This is my first post on this site. You guys are unbelievable. Give me some time to read through all of the comments. I have to look up a lot of what you guys are referencing to fully understand it.

Regardless thanks again.

Answer 1

html

<img src="" id="Picture1">
<img src="" id="Picture2">

Script

//Apply a click event to both pictures and have it callback to the checkClick function
$("#Picture1, #Picture2").click(checkClick);

function checkClick(e)
{
    //$(this) will refer to the currently clicked picture, 
    //jQuery's .data function allows storing data within the object
    $(this).data("clicked",1);

    //Grab the data values from both pictures
    var p1 = $("#Picture1").data("clicked");
    var p2 = $("#Picture2").data("clicked");

    //Check if both equal 1 (will once each has been clicked)
    if( p1 == 1 && p2 == 1 )
        ShowContent();
}

function ShowContent()
{
    //do your code to show content
}