怎么在手机上下棋

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>象棋应用程序</title>

<h1>下载象棋应用程序</h1>

<button onclick="downloadApp()">下载应用程序</button>

<div id="app-container"></div>

<script src="app.js"></script>

以下是修改后的CSS代码：

#app-container {

display: flex;

justify-content: center;

align-items: center;

height: 200px;

width: 400px;

button {

background-color: #4CAF50;

color: white;

padding: 14px 20px;

margin: 8px 0;

border: none;

cursor: pointer;

以下是修改后的JavaScript代码：

function downloadApp() {

const appContainer = document.getElementById('app-container');

const button = document.querySelector('#download-button');

if (button) {

button.style.display = 'none';

} else {

appContainer.innerHTML = '<div id="app-container"><h1>下载象棋应用程序</h1><button id="download-button">下载应用程序</button></div>';

button.style.display = 'block';

}

这段代码创建了一个按钮，当用户点击该按钮时，会显示一个包含“下载应用程序”的标题的可下载的应用程序容器。