event.target is undefined in events

Question

How can one use each input values in events? Hope my below code will explain you well.

HTML:

<template name="UpdateAge">
    {{#each Name}}
    <div data-action="showPrompt">
       <div>
          Some content
       </div>

       <div>
         <div>
            Some content
         </div>
       </div>
       <div>
           Name : {{name}}
           Age : <input type="text" name="age" value="{{age}}"/> //I need to access age values in event
       </div>
    </div>
{{/each}}
<template>

JS:

Template.UpdateAge.events({
  'click [data-action="showPrompt"]': function (event, template) {
        console.log(event.target.age.value); // TypeError: event.target.age.value is undefined
  }
});

I dont know whether my approach is good for passing parameter values to events so suggestions are welcome.

Solution

If the event is bound on the container div then the input should be searched from target, because event.target would give you the element whom the event was attached to.

To access any value within the div you must first get access to that element and then use the properties of that element to access whatever needed - .value in this case.