get a value(text) from a span element to a input element ?

get a value(text) from a span element to a input element ?

how to get an span element text to a input element and then grab the input element value and display it as a list below?  From the code below, when I click the btnGET I would like to put the 8:00 pm into the <input id="txtTime" type="time" /> and then again get the new value of txtTime and display it as a list below when btnSET is clicked ..I am doing this to check how the type time will change the type of user input...Same is the case with EMAIL span as well..  Thank you in advance..

Ex:

 <div>

            <div><span>Time: </span><span>8:00 pm</span></div>
            <span>
                <input id="txtTime" type="time" /></span>
        </div>
        <div>


            <div><span>Email: </span><span> abc@gmail.com</span></div>
            <span>
                <input id="txtEmail" type="email" /></span>

        </div>


        <div>
            <div>
                <span>
                    <input id="btnGET" type="button" value="GET" />
                </span>

                <span>
                    <input id="btnSET" type="button" value="SET" /></span>

            </div>
        </div>