I built a feature adding "and zombies" to book names of choice, using basic angular. 

```
         <input type="text" ng-model="bookname" onclick="zombies()"> 
            <h1> {{bookname}} </h1> 

```

I want the "and zombies" (and the text inserted in the input) to be displayed only when there's text inside the input.

I tries this for starts, just to call the angular using JS and it doesn't work.

```
      <script>
    function zombies() {
    document.getElementsByTagName("h1").innerHTML = "{{}}" + "and zombies";
    };
    </script>

```

How do I display the text when there's text inside the input?
(please go easy on me, I'm studying alone and you all started as juniors)