庄泽峰
<JavaScript自定义提示词更改>

如果你想通过网页输入框来改变 ‘Hello，GPT，你现在是 ‘ 的内容，你可以使用 JavaScript 来实现。以下是一个示例代码，展示了如何通过输入框来改变内容： <!DOCTYPE ht...

标签: JavaScript
2024-1-18 10:35 
评论(0)  浏览(74)  AI

庄泽峰
<Javascript网页点击计数小游戏>

Hello，GPT，请你用html5+CSS3来实现： 一个网页小游戏。然后GPT给出下面这个点击计数的小游戏，但显然该网页游戏Javascript来调动的。大家可以运行查看下面代码： <!DO...

标签: JavaScript
2023-12-27 15:26 
评论(0)  浏览(83)  AI

庄泽峰
<Javascript批量查询关键词在百度的收录排名>

Hello，GPT，请你用javascript来写： 我有很多个关键词要在百度搜索它们的收录排名情况，我想让你帮我写一个把多个关键词放在页面输入框，点击按钮，每次查询一个关键词在百度的搜索结果页面。 ...

标签: JavaScript
2023-12-19 10:53 
评论(0)  浏览(85)  AI

庄泽峰
<Prompt在线图形生成并下载>

这是让GPT写的代码，开始提示词：Hello，GPT，请你用html5+CSS3来实现： 我想让你随意画个图形，要好看一点的；然后，再跟GPT说：我想把这个图形生成图片，并能下载保存下来；最后提示：要...

标签: Prompt JavaScript CSS3
2023-12-15 10:52 
评论(0)  浏览(90)  AI

庄泽峰
<Javascript生成文字PNG图> 

<!DOCTYPE html>
<html>
<head>
    <title>Generate PNG Image</title>
    <style>
        body {
            background-color: #333;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

        .logo {
            font-family: Arial, sans-serif;
            font-size: 110px;
            color: #fff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            width: 300px;
            height: 300px;
            background-color: #222;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .download-link {
            margin-top: 20px;
            text-align: center;
        }

        .download-link a {
            color: #fff;
            text-decoration: none;
            background-color: #555;
            padding: 10px 20px;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <div class="logo">
        <span>Phon</span>
    </div>
    <div class="download-link">
        <a href="#" id="download-link">Download PNG</a>
    </div>

    <script>
        function downloadImage() {
            const canvas = document.createElement('canvas');
            const context = canvas.getContext('2d');
            canvas.width = 300;
            canvas.height = 300;
            context.fillStyle = '#222';
            context.fillRect(0, 0, canvas.width, canvas.height);
            context.font = '110px Arial, sans-serif';
            context.fillStyle = '#fff';
            context.fillText('Phon', 22, 180);

            const link = document.getElementById('download-link');
            link.href = canvas.toDataURL('image/png');
            link.download = 'logo.png';
        }

        const downloadLink = document.getElementById('download-link');
        downloadLink.addEventListener('click', downloadImage);
    </script>
</body>
</html>
标签: JavaScript
2023-12-11 11:23 
评论(0)  浏览(77)  AI

庄泽峰
<学过HTML、CSS和JavaScript后，需要学PHP吗？>

学过HTML、CSS和JavaScript后，需要学PHP吗？这个主要看个人兴趣。 学习PHP是一个很好的选择，如果你有兴趣进一步学习服务器端开发和构建动态网站。PHP是一种流行的服务器端编程语言，广...

标签: HTML CSS PHP 小学生学编程 JavaScript
2023-6-27 09:52 
评论(0)  浏览(165)  AI

庄泽峰
<学会创建网页后，进一步要学习什么？>

一旦你掌握了基本的网页创建技能，你可以进一步学习以下内容： 响应式设计：学习如何创建响应式网页，使网页在不同设备和屏幕尺寸上呈现良好的用户体验。 CSS框架：了解流行的CSS框架（如Bootstra...

标签: 网页语言 HTML CSS 小学生学编程 JavaScript
2023-6-27 08:01 
评论(0)  浏览(164)  AI

热门文章

最新评论