如何获取由javascript更改的网格视图值

<div class="grid">
  <div id="cell1">原始值</div>
  <div id="cell2">原始值</div>
  <div id="cell3">原始值</div>
</div>

<input type="text" id="inputField">
<button id="changeButton">更改值</button>

// 选择要更改值的网格单元格
var cell1 = document.getElementById("cell1");
var cell2 = document.getElementById("cell2");
var cell3 = document.getElementById("cell3");

// 获取输入字段和按钮
var inputField = document.getElementById("inputField");
var changeButton = document.getElementById("changeButton");

// 添加事件监听器，当按钮点击时执行更改值的操作
changeButton.addEventListener("click", function() {
  // 获取输入字段的值
  var newValue = inputField.value;
  
  // 将新值分配给网格单元格
  cell1.innerHTML = newValue;
  cell2.innerHTML = newValue;
  cell3.innerHTML = newValue;
});