如何使用update按钮使用JavaScript函数更改输入字段的文本？

我正在做一项作业，在按下更新按钮时更新文本字段。我的代码如下所示：

function updatePhotoInfo(){

var retrieve_images_script = SERVER + "/image.php?username="+USERNAME;
//@ToDo
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
imageData= JSON.parse(xhttp.responseText);
console.log(imageData.length); 
}
};
xhttp.open("GET", retrieve_images_script, false);
xhttp.send();

var dField = document.getElementsByClassName("dField").innerHTML;
var updateField = document.getElementsByClassName("dField").new.innerHTML;
console.log("dField");

if (dField != updateField) {
dField == updateField;
};

---

所以一般来说，我会做以下几点。假设我们有一个ID为my btn的按钮

document.getElementsByID('my-btn').onclick = function(){
  //If the name of your text filed ID is my-txt
  document.getElementsByID('my-txt').innerHTML = "DONE!"

}

这是实现这一点的一种方法，但如果您有选择权，请查看jquery。这使得这类东西更容易管理

详情请看这支钢笔

编辑：此字段包括一个字段：

---

lol这必须使用Javascript来完成，我是一个服务器和所有东西的网络新手，但这是用我想要的内容来更新字段，但我希望它像我更新这个文本字段一样完成。也就是说，用户输入的任何内容都将替换旧文本。请更精确。你经历过什么样的错误行为。到目前为止你自己都做了些什么？