lightning component to display alert message on click of button

Question

I was trying to create one simple lightning component which have one button and on click of that button, i want to display alert message which is in controller. Its showing error as unknown method:handleClick. Can you please help me with this? Also if you share links for examples to create lightning components, it will really helpful for me.

component:

<aura:component> 
    <p>Hello lightning</p> 
    <ui:button aura:id="button" label="Click me" press="{!c.getInput}"/>   
</aura:component> 

controller:

({ 
    getInput : function(cmp, event) { 
       alert("hello there!"); 
    }, 
})   

app:

<aura:application >
<c:helloWorld /></aura:application>                                                                                                      

Answer 1

I have tested with the following code and its working, following is the screenshot -

App Code -

<aura:application extends="force:slds" implements="force:appHostable">
    <c:TestClick />
</aura:application>

Component -

<aura:component> 
    <p>Hello lightning</p> 
    <ui:button aura:id="button" label="Click me" press="{!c.getInput}"/>   
</aura:component> 

Controller JS -

({ 
    getInput : function(cmp, event) { 
      alert("hello there!"); 
    }
}) 

Answer 2

Component

<aura:component >
    <ui:button label="clickme" press="{!c.getAlert}"/>
    <input type="button" value="clickme"
           onclick="{!c.getAlert}"/>
</aura:component>

Controller

({
    getAlert : function(cmp, evt) {
    alert("BUTTON PRESSED");

    }
})