Onclick背景颜色更改并保存在数据库中

<button onclick="changeBackgroundColor()">点击更改背景颜色</button>

function changeBackgroundColor() {
  // 生成随机的背景颜色值
  var randomColor = '#' + Math.floor(Math.random()*16777215).toString(16);
  
  // 将背景颜色值应用到页面上的元素
  document.body.style.backgroundColor = randomColor;
  
  // 发送异步请求将颜色值保存到数据库
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'save_color.php', true);
  xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      console.log('颜色值已保存到数据库');
    }
  };
  xhr.send('color=' + randomColor);
}

<?php
// 获取POST请求中的颜色值
$color = $_POST['color'];

// 将颜色值保存到数据库
// 这里可以使用数据库操作的相关代码，例如使用MySQL数据库的INSERT语句将颜色值插入到表中

// 返回响应给前端
echo '颜色值已保存到数据库';
?>