Boostrap Modal i funkcja wstawiająca tekst do trzech divów

Siema,
mam 3 divy:

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>

Następnie modal boostrap, a w nim ustawione pole tekstowe (input) i przycisk wywołujący funkcje insert().
Potrzebuje jedną funkcje, która w zależności czy dany div posiada jakąś treść wstawi treść z pola tekstowego.
Np normalnie wstawi wartość do id="1", ale jeśli id=''1' posiada treść to wstawi to drugiego, a jeśli oba mają treść, to do 3.
Na chwilę obecną mam coś takiego, ale 3 warunek nie działa.

function insert() {
            var takevalue = document.getElementById("inputEmail3").value
            var id1 = document.getElementById("val1")
            var id2 =  document.getElementById("val2")
            var id3=  document.getElementById("val3")
            if (id1.innerHTML.length == 0) {id1.innerHTML = takevalue
            else if ((id1.innerHTML.length > 0)) {id2.innerHTML = takevalue}
            else if (id1.innerHTML.length > 0 && id2.innerHTML.length > 0) {id3.innerHTML = takevalue}

Czy jest jakiś inny sposób rozwiązanie tego problemu?
Z góry dzięki za pomoc.

Trzeci warunek nie tyle nie działa, co pokrywa się z drugim. Dodaj sobie do drugiego sprawdzenie czy drugi div ma wartość i jeśli nie ma to wtedy do niego wstawiaj.

Źle się wyraziłem. Normalnie funkcja wstawia wartość do pierwszego id, jednak jeśli pierwsze id ma już wartość/tekst to, wtedy do drugiego, a jeśli drugie id ma coś wstawione to do trzeciego id.
Czy jest jakaś inna opcja bez instrukcji warunkowych? Myślałem, żeby w modalu dodać 3 przyciski, każdy przycisk ma przypisaną inną funkcje, która wstawia w określone miejsce.

Jeszcze raz UP.