Want to create an html formfield which generate new formfield when I enter input in the first formfield

When I input value in the html formfield1 then fromfield 2 will be created, when I input value in tha formfiled2 then formfield 3 will be created and so on, but the form fields didn’t work in that sequence and my typed input values also not show in formfields.

This is my code:

<html>
<head>
</head>
<body>
    <div id="fieldvalue">
    <input type="text" oninput=Childfield() />
    </div>

    <script type="text/javascript">
        const Childfield = () => {
            //console.log("Hey man");
            let rvalue= '<input type="text" id="fieldvalue" name="" oninput=Childfield() />';
            document.getElementById('fieldvalue').innerHTML += rvalue;
        }
    </script>
</body>
</html> ```