JavaScript Text Counter

index.html

<script>
    function count_up(obj) {
        document.getElementById('count1').innerHTML = obj.value.length;
    }

    function count_down(obj) {
        var element = document.getElementById('count2');
        element.innerHTML = 30 - obj.value.length;

        if (30 - obj.value.length < 0) {
            element.style.color = 'red';
        } else {
            element.style.color = 'grey';
        }
    }
</script>