<!doctype html>

<head>
<title>Gotta catch 'em all</title>

<script src="bower_components/polymer/polymer.min.js"></script>

<link rel="import" href="x-pokemon.html">
</head>

<body>
    <p>
        <input
            value="pikachu"
            onchange="document.querySelector('x-pokemon').name = this.value">
    </p>

    <x-pokemon name="pikachu"></x-pokemon>
</body>

<!doctype html>

<head>
<title>Gotta catch 'em all</title>

<script src="bower_components/polymer/polymer.min.js"></script>

<link rel="import" href="x-pokemon.html">
</head>

<body>
    <p>
        <input
            value="pikachu"
            oninput="document.querySelector('x-pokemon').name = this.value">
    </p>

    <x-pokemon name="pikachu"></x-pokemon>
</body>

Use the `input` event instead of `change`
Use the `input` event instead of `change`

This way, the handler is called even if you paste or drag text into
the box. It’s also more responsive (faster) compared to `change` or
`keyup`/`keydown`.

See http://mathiasbynens.be/notes/oninput for details.
