问与jquery的号码匹配游戏。第二个选择会影响到前面的选择。

EN

// global variable; where the first selected number will be saved
window.first_selected_number = null;
// create a click listener on all <li> on list1
$('#list1 li').click(function() {
  // this will remember the first number selected
  window.first_selected_number = $(this).text();
  // if the first and second number match exactly
  if (window.first_selected_number === window.second_selected_number) {
    // set text color of this <li> to green
    $(this).css('color', 'green');
    // loops through second list to find the matching number
    // if numbers match, sets the <li> text color of the second list to green
    $('#list2 li').each(function() {
      var is_matching_number = $(this).text() === window.first_selected_number;
      if (is_matching_number) {$(this).css('color', 'green');}
    });
    // forgets the first and second numbers
    window.first_selected_number = null;
    window.second_selected_number = null;
  }
  // if the first and second number were set but did not match
  else if (window.first_selected_number && window.second_selected_number) {
    // set text color of this <li> to red
    $(this).css('color', 'red');
    // forgets the first and second numbers
    window.first_selected_number = null;
    window.second_selected_number = null;
  }
  // if either the first or second number was not set
  else {
    // reverts the color back to what it was before it was changed
    $(this).css('color', 'initial');
  }
});


// this is same logic as the first list, but with the second number as the main focus
window.second_selected_number = null;
$('#list2 li').click(function() {
  window.second_selected_number = $(this).text();
  if (window.first_selected_number === window.second_selected_number) {
    console.log($(this));
    $(this).css('color', 'green');
    $('#list1 li').each(function() {
      var is_matching_number = $(this).text() === window.second_selected_number;
      if (is_matching_number) {$(this).css('color', 'green');}
    });
    window.first_selected_number = null;
    window.second_selected_number = null;
  }
  else if (window.first_selected_number && window.second_selected_number) {
    $(this).css('color', 'red');
    window.first_selected_number = null;
    window.second_selected_number = null;
  }
  else {
    $(this).css('color', 'initial');
  }
});