JavaScript, document.getElementById not grabbing from form?
<p>I'm attempting to create a datetime-local input that will submit into a function that will convert it into different types later on. I've been attempting to check whether the function I am using is receiving the user input by throwing it into an alert, however every time I get the alert, the information is not displayed, with "[object HTMLInputElement]" in its place. Clearly I must be doing something wrong if my bugtest isn't even working properly</p>

<p>Below is my form and my script.</p>

<pre><code>&lt;form&gt;
    Start Time:
    &lt;input type="datetime-local" id="start"&gt;
    End Time:
    &lt;input type="datetime-local" id="end"&gt;
    &lt;input type="submit" value="Send" onclick="convert()"&gt;
&lt;/form&gt;

&lt;script&gt;
    function convert() {
        var sd = new Date();   //start date
        var sds = new String();
        var ed = new Date();   //end date
        var eds = new String();
        var sd = document.getElementById("start");
        alert(sd);
        var sds = document.getElementById("end");
            alert(sds);
        }
&lt;/script&gt;
</code></pre>

<p>Does anything obvious stick out?</p>