在线代码编辑器 | 在线工具集

      <h1>Hello, World!</h1>
<p>在线代码编辑器 - 实时预览</p>
<button onclick="greet()">点击我</button>
<div id="output"></div>
      body {
  font-family: system-ui;
  max-width: 600px;
  margin: 40px auto;
  padding: 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  min-height: 100vh;
}
h1 { font-size: 2rem; margin-bottom: 8px; }
button {
  padding: 12px 24px;
  background: white;
  color: #764ba2;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  margin-top: 16px;
}
button:hover { transform: scale(1.05); }
#output { margin-top: 16px; font-size: 1.2rem; }
      let count = 0;
function greet() {
  count++;
  document.getElementById('output').innerHTML =
    '🎉 你已点击 ' + count + ' 次！';
}
    