JSFiddle - React, Tailwind, and code Playground

HTML

<button id="signUpLogIn-logInBtn" class="logInBtn">
            <img src= "http://s10.postimg.org/z9yrvulut/log_In_Icon.png"/>
            Add One<p class="logInBtnSub">See Console</p>
        </button>

CSS

.logInBtn {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #c6c6c6; 
    box-shadow: 0 8px #878787;
    border-radius: 10px;
    color: #402a3e;
    cursor: pointer;
    text-align: center;
 }

.logInBtn img {
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
}
.logInBtnSub{
	font-size: 0.6em;
	color: #878787;	    
}

JavaScript

var clickCounter = 0;

$('button').click(function(){
    clickCounter++;
    
    console.log('times clicked: ' + clickCounter);
});