如何使我的按钮在显示国家后正确显示一个国家的完整描述

<button id="countryButton">中国</button>

// 获取按钮元素
const button = document.getElementById('countryButton');

// 添加点击事件监听器
button.addEventListener('click', displayCountryDescription);

// 点击事件处理程序
function displayCountryDescription() {
  // 获取按钮所代表的国家名称
  const countryName = button.innerText;

  // 使用适当的数据源或API获取国家的完整描述信息
  const countryDescription = fetchCountryDescription(countryName);

  // 解析获取到的数据，并将完整描述信息显示在按钮的合适位置
  showDescription(countryDescription);
}

// 模拟获取国家描述信息的函数
function fetchCountryDescription(countryName) {
  // 在这里可以使用适当的数据源或API获取国家的完整描述信息
  // 返回一个包含国家描述信息的 Promise 对象
  return new Promise((resolve, reject) => {
    // 假设这里使用了腾讯云的某个产品，例如云函数
    // 具体的产品和链接地址可以根据实际情况进行替换
    resolve(`这是${countryName}的完整描述信息。`);
  });
}

// 显示国家描述信息的函数
function showDescription(description) {
  // 在这里可以根据实际情况选择合适的方式来显示描述信息
  // 例如使用弹出框、下拉菜单或者在页面的特定区域显示
  alert(description);
}