cstw18
級(jí)別: 探索解密
精華主題: 0
發(fā)帖數(shù)量: 119 個(gè)
工控威望: 144 點(diǎn)
下載積分: 2885 分
在線時(shí)間: 47(小時(shí))
注冊(cè)時(shí)間: 2024-03-25
最后登錄: 2025-02-13
查看cstw18的 主題 / 回貼
樓主  發(fā)表于: 昨天
圖片：
我的提問(wèn)如下：
編輯一個(gè)WEB網(wǎng)頁(yè)，頁(yè)面功能是：訪問(wèn)者輸入中文，網(wǎng)頁(yè)轉(zhuǎn)化輸出該段文字的藝術(shù)字效果。網(wǎng)頁(yè)分為上下兩個(gè)功能區(qū)，上功能區(qū)負(fù)責(zé)輸入功能，下功能區(qū)負(fù)責(zé)顯示藝術(shù)字效果。上下功能區(qū)的比例，為三比七。


AI生成的代碼如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中文藝術(shù)字轉(zhuǎn)換</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            height: 100vh;
        }

        #input-section {
            flex: 3;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f0f0f0;
            padding: 20px;
        }

        #input-section textarea {
            width: 80%;
            height: 60%;
            font-size: 18px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        #output-section {
            flex: 7;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #e0e0e0;
            padding: 20px;
        }

        #art-text {
            font-size: 48px;
            font-weight: bold;
            color: #333;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }
    </style>
</head>
<body>

    <div id="input-section">
        <textarea id="input-text" placeholder="請(qǐng)輸入中文..."></textarea>
    </div>

    <div id="output-section">
        <div id="art-text">藝術(shù)字效果將顯示在這里</div>
    </div>

    <script>
        const inputText = document.getElementById('input-text');
        const artText = document.getElementById('art-text');

        inputText.addEventListener('input', function() {
            const text = inputText.value;
            artText.textContent = text;
        });
    </script>

</body>
</html>




直接運(yùn)行代碼，網(wǎng)頁(yè)如下：
gkrjy_w
級(jí)別: 正式會(huì)員
精華主題: 0
發(fā)帖數(shù)量: 55 個(gè)
工控威望: 85 點(diǎn)
下載積分: 185 分
在線時(shí)間: 6(小時(shí))
注冊(cè)時(shí)間: 2025-01-13
最后登錄: 2025-02-12
查看gkrjy_w的 主題 / 回貼
1樓  發(fā)表于: 昨天
AI牛是牛，但本質(zhì)還是人。