Problem z tablicą var i input

Cześć !
Mam problem. Chce aby z zmiennej var były wyświetlane wartości do input.
Kod :
<input id="demo"></input>

<button onclick="myFunction()">Try it</button> <button onclick="myFunctio()">Try it</button> <button onclick="myFuncti()">Try it</button>

    <script>
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        document.getElementById("demo").innerHTML = fruits;

        function myFunction() {
            fruits.push("Lemon");
            document.getElementById("demo").innerHTML = fruits;

        }
        function myFunctio() {
            fruits.push("Lemo");
            document.getElementById("demo").innerHTML = fruits;

        }
        function myFuncti() {
            fruits.pop();
            document.getElementById("demo").innerHTML = fruits;
        }
    </script>

W przypadku

reaguje i są wyświetlane. Zależy mi by były w Input.
Pozdrawiam i dziękuję za pomoc.

Zamiast document.getElementById("demo").innerHTML = fruits; powinno być document.getElementById("demo").value = fruits;