어떤 값을 그래프로 디스플레이해주는 간단한 웹창을 하나 만들고있는데

<button id='maxminXval_apply' onclick='maxminXval_apply()'>적용</button>

로 버튼을 하나 만들어서 클릭시 maxminXval_apply()라는 함수가 동작되도록 했습니다

잘되는데, 버튼이 영 이쁘지않아 css 스타일로 구글링해서 예쁜걸 찾아왔는데

이게 .. onclick 이벤트를 넣는 방법을 잘 모르겠어요

<a href="#" class="button">적용</a>
 

여기다가 클릭시 어떤 특정함수가 동작하도록 할려면 어떻게 해야하나요?

--------------------------------css----------------------------

.wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -86px;
    margin-left: -89px;
    text-align: center;
}

a {
    -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
    display: block;
    margin: 10px auto;
    max-width: 50px;
    text-decoration: none;
    border-radius: 2px;
    padding: 5px 8px;
}

a.button {
    color: rgba(30, 22, 54, 0.6);
    box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
}

a.button:hover {
    color: rgba(255, 255, 255, 0.85);
    box-shadow: rgba(30, 22, 54, 0.7) 0 0px 0px 40px inset;
}

-----------------------------------

제가 html 쪽은 완전 깜깜이라 너무 힘드네요 흑흑..