OnChange not being rendered in lightning component

Question

I have the following component:

<aura:component implements="force:hasRecordId,flexipage:availableForAllPageTypes,force:lightningQuickActionWithoutHeader" 
                access="global" >
    <input type="text" name="Name" class="slds-input" value="Test" onChange="{!c.doSomething}"/>
</aura:component>

Controller:

({
    doSomething : function(component, event, helper) {
        console.log('test');
    }
})

When i change the value of the input, "doSomething" is not triggered. the html looks like this:

<div data-aura-rendered-by="420:0" class="flexipageComponent" data-aura-class="flexipageComponent">
             <input class="slds-input" type="text" name="Name" data-aura-rendered-by="424:0"> 
</div>

looks like onChange is not even rendered, what am i doing wrong?

Answer 1

onchange actually is all in small-case. So your code will be

 <input type="text" name="Name" class="slds-input" value="Test" onchange="{!c.doSomething}"/>

Also, You could not find onchange in rendered dom as lightning locker minifies and moves the JS in a different file so that it cant be altered easily.

src: https://www.w3schools.com/jsref/event_onchange.asp