Web hosting

HOW TO CREATE FACEBOOK LIKE BUTTON USING HTML5,CSS & JAVASCRIPT



<!DOCTYPE html>
<html>
<head>
<title>oston</title>
<script type="text/javascript">
var likes =0;
function like(){
document.getElementById("show").innerHTML=likes;
likes=likes+1;
}

</script>

<style type="text/css">
#button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
</style>
</head>
<body>

<button id="button" onclick="like()">LIKE</button>
<p type="text" style="color:blue;"id="show"></p>
<h2>LIKES</h2>
</body>
</html>
CLICK HERE TO SEE THE REACTION:
2

LIKES

SHARE

Author

Hi, Its me Richard. A webdesigner, blogspot developer and UI/UX Designer. I am a certified Themeforest top Author and Front-End Developer. I'am business speaker, marketer, Blogger and Javascript Programmer.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment