Reactive Doubt in Meteorjs

Question

Oops, here’s the thing, I’d like to know how do I start typing, something in the input, automatically update a helper to be shown in the template.

I tried it this way, only it’s not changing in real time:

Template.hello.onCreated(function(){
    this.name = new ReactiveVar();
})

Template.hello.helpers({
    name: function(){
        return Template.instance().name.get();
    }
})

Template.hello.events({
    'change input' : function(){
        var inputName = document.querySelector('input');
        Template.instance().name.set(inputName.value);
    }
})

tried also with the event 'Focus', but it did not work

index.html

{{> hello }}
<template name="hello">
    <input type="text" name="name">
    <p>Hello {{name}}</p>
</template>

Answer 1

I managed to solve without using Reactivevar, I used Session instead.

Template.hello.events({
    'input input': function(e) {
        e.preventDefault();
        var teste = e.target.value;
        Session.set('name',teste);
    }
});

Template.hello.helpers({
    name: function(){
        return Session.get('name');
    }
})