使用js，在界面上给出四个按钮框，这四个按钮框中依次为红色，绿色，蓝色，黄色，以及一段文字，当点击红色时，此时界面上原本存在的一段文字变成红色，同理，点击其他几个按钮框，也依次变成相应的颜色，给出对应的可执行代码

可以使用以下代码实现：

HTML代码：

<div>
  <button id="red-btn">红色</button>
  <button id="green-btn">绿色</button>
  <button id="blue-btn">蓝色</button>
  <button id="yellow-btn">黄色</button>
</div>
<div id="text">这是一段文字</div>

JS代码：

const redBtn = document.querySelector('#red-btn')
const greenBtn = document.querySelector('#green-btn')
const blueBtn = document.querySelector('#blue-btn')
const yellowBtn = document.querySelector('#yellow-btn')
const text = document.querySelector('#text')

redBtn.addEventListener('click', () => {
  text.style.color = 'red'
})

greenBtn.addEventListener('click', () => {
  text.style.color = 'green'
})

blueBtn.addEventListener('click', () => {
  text.style.color = 'blue'
})

yellowBtn.addEventListener('click', () => {
  text.style.color = 'yellow'
})

这样，当用户点击红色按钮时，文字会变成红色，点击绿色、蓝色、黄色按钮时，文字颜色会依次变为绿色、蓝色、黄色。