CodeLive 实时HTML编辑器

编辑器

HTML

CSS

JavaScript

<!-- 在这里输入HTML代码 -->
<h1 id="greeting">你好，世界!</h1>
<p>这是一个多语言实时HTML编辑器</p>
<button onclick="changeText()">点击我</button>

/* 在这里输入CSS代码 */
body {
    font-family: Arial, sans-serif;
    padding: 20px;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
}

#greeting {
    color: #2c3e50;
    border-bottom: 2px solid #3498db;
    padding-bottom: 10px;
}

button {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

button:hover {
    background-color: #2980b9;
}

// 在这里输入JavaScript代码
function changeText() {
    const greetings = {
        'zh': ["你好!", "欢迎!", "很高兴见到你!", "再见!"],
        'zh-TW': ["你好!", "歡迎!", "很高興見到你!", "再見!"],
        'en': ["Hello!", "Welcome!", "Nice to meet you!", "Goodbye!"],
        'fr': ["Bonjour!", "Bienvenue!", "Enchanté!", "Au revoir!"],
        'ru': ["Привет!", "Добро пожаловать!", "Рад встрече!", "До свидания!"],
        'ms': ["Helo!", "Selamat datang!", "Senang bertemu dengan anda!", "Selamat tinggal!"]
    };
    
    const lang = currentUILanguage || 'zh';
    const texts = greetings[lang] || greetings['en'];
    const randomIndex = Math.floor(Math.random() * texts.length);
    document.getElementById('greeting').textContent = texts[randomIndex];
}