I am new with JavaScript, I have a value in an input field, like 0 or 1 and then when this value changes a word is changed to 'Off' or 'On' respectively.

I know this is pretty simple but I'm new with JavaScript as I said.

*How does your code look like currently? 
What have you tried so far?* 

**EDIT**
I'm working in the code right now so nothing great so far:

```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script type="text/javascript">
    function change(value) {
        if (value == 1)
            return "ON";
        else
            return "OFF";
    }
</script>

</head>
<body>

    <input type="text" value="1" />
    <p>ON OR OFF RIGHT HERE</p>

</body>
</html>

```

*What difficulties are you encountering?* 

I need this values keep been updating all the time, if the value of the input field change the word must change either.

*If you are new to javascript what tutorials/articles/books did you read so far in order to get started?*

Not a specific tutorial right now, I'm googling.

**EDIT 2**

```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script type="text/javascript">
    function change(){
        toggler = document.getElementById('toggler');
        onoff = document.getElementById('onoff');
        toggler.onChange = function(e){
            onoff.innerHTML = (toggler.value==1)? 'on' : 'off';
        }
    }
</script>

</head>
<body>

    <input type="text" id="toggler" value="1" onkeyup="change()" />
    <div id="onoff"></div>

</body>
</html>

```

I'm trying to following the suggestions but still not working, what am I doing wrong here guys ?