Changing color of a div when clicking the first time and displaying an alert when clicking the second time

Question

Changing color of a div when clicking the first time and displaying an alert when clicking the second time

Navigation

#1 by (0 votes)

0

I'm having trouble creating a code that is simple, so when I click on a div it changes color and when I click it a second time it opens a alert with the name of the color.

Can be in jQuery or js

$(document).click(function() {
  $(".cor").css("background", "blue");

});

$(".cor").click(function() {
  alert("HTML: " + $("#test").html());

});

javascript jquery html5

asked by anonymous 21.06.2017 / 17:11

1 answer

Extract raster data from a shape in R header bar does not redirect correctly

score 0 · Answer 1

Here's an example, if there's any question left, put it in the comment.

$(function(){
  $('div').click(function(){
    console.log($(this).css('background-color'))
    if($(this).css('background-color') == 'rgb(204, 204, 204)'){
      $(this).css('background-color','rgb(255, 0, 0)');
    }else{
      alert('Cor da div : ' + $(this).css('background-color'));
    }
  });
});

div{
  width: 300px;
  height: 300px;
  background: rgb(204,204,204);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>