Finding dates in user input

Using the ninja magic of Date.js to parse for a date at the end of a string.

by mlms13

HTML

<script src="http://www.datejs.com/build/date.js"></script>
<input id="add-task" />
<button id="find">Find Date</button>
<p id="date"></p>

CSS

body {
    margin: 30px;
}
input {
    padding: 3px;
    width: 400px;
}

JavaScript

var $ = function (str) {
    return document.querySelectorAll(str);
};

var inpt = $('#add-task')[0],
    find = $('#find')[0],
    p = $('#date')[0];

find.onclick = function () {
    var words = inpt.value.split(' '),
        i = words.length,
        val = '', // for rebuilding the input value
        date;

    while (--i >= 0) {
        val = words[i] + ' ' + val;
        date = Date.parse(val) || date;
        
        // console.log('With a value of ' + val + ', the date was parsed to ' + Date.parse(val) + '. Date is ' + date + '.')
    }
    p.appendChild(document.createTextNode(date));
};