Faire apparaître input quand du texte est écrit sur la page web

Hello!
J'ai un petit problème avec javascript:
J'ai un input sur ma page, dans lequel tu peux écrire du texte. En cliquant sur "soumettre", le texte se met ensuite dans un tag "li".

J'aimerais maintenant que quand j'écris du texte dans l'input, un second input apparaîsse pour pouvoir également y ajouter du texte.
J'ai essayé avec la condition if et str.length > 0 mais ça ne fonctionne pas.
Ensuite, en cliquant sur soumettre, j'aimerais que le contenu des 2 inputs soient mis dans le même "li".

Quelqu'un peut m'aider? :)

tu peux essayer l'évènement "change" du premier champ texte :

Code:

---

1 2 3

$("#idInput1").on("change", function () { ... });

---

"