如何在三个JS中更改按钮点击中的多个视图

<button id="myButton">点击按钮</button>
<div id="view1">视图1</div>
<div id="view2">视图2</div>
<div id="view3">视图3</div>

// 获取按钮和视图元素的引用
var myButton = document.getElementById("myButton");
var view1 = document.getElementById("view1");
var view2 = document.getElementById("view2");
var view3 = document.getElementById("view3");

// 添加点击事件监听器
myButton.addEventListener("click", function() {
  // 更改视图
  view1.innerHTML = "视图1已更改";
  view2.style.backgroundColor = "red";
  view3.classList.add("highlight");
});

// 获取视图元素的引用
var view1 = document.getElementById("view1");
var view2 = document.getElementById("view2");
var view3 = document.getElementById("view3");

// 在另一个文件中修改视图
view1.innerHTML = "视图1已在另一个文件中更改";
view2.style.backgroundColor = "blue";
view3.classList.remove("highlight");