puzjob,
Здравствуйте!
Судя по вашему сообщению, вы ну совсем не знаете javascript.
Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.
На сайте javascript можно начать изучать с учебника, раздел
Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь:
http://ru.html.net/tutorials/html/
Задавайте конкретные вопросы по ходу дела.
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#myObj {
border: 1px;width: 100px;height: 100px;
}
#counter:before{
content: attr(data-counter);
margin: 20px;
}
#counter.red:before{
color: #FF0000;
font-size: 48px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$('#myObj').click(function() {
var counter = $('#counter').attr("data-counter");
$('#counter').attr({"data-counter" : ++counter});
if(counter > 4) $('#counter').addClass("red")
});
});
</script>
</head>
<body>
<div id="myObj">Click Me</div>
<div id="counter" data-counter="0" ></div>
</body>
</html>
