为什么我只有空间[通过使用getElemenyById]

Question

首先，我必须为我的英语道歉。

我尝试通过使用[document.getElementById]

来获取值

当我填写输入并按下按钮时，我只有空白值。

enter image description here

<script>
function addDocLis(){
		var form = '';
		$(".res").html(null);
            form += '<h3>Add doctor data to database</h3>' +
                '<form class="addDocForm"><p>' +
                '<label>dID</label><br/><input class="w3-input" id="dID_input" type="text"></p>' +
                '<p><label>dName_th</label><br/><input class="w3-input" id="dName_th_input" type="text"></p>' +
                '<p><label>dName_en</label><br/><input class="w3-input" id="dName_en_input" type="text"></p></form>' + 

                '<script>' +    
                'var dID = document.getElementById("dID_input").value;' +
                'var dName_th = document.getElementById("dName_th_input").value;' +
                'var dName_en = document.getElementById("dName_en_input").value;' +
                '<' +'/script>'+
                
                '<button type="button" class="btn btn-success" onClick="addDocData(dID,dName_th,dName_en)">ADD DATA TO DATABASE</button>';
		$(".res").html(form);
}

function addDocData(dID,dName_th,dName_en){
    console.log("btn click!");
    console.log(dID);
    console.log(dName_th);
    console.log(dName_en);
}
</script>