在这个小项目中,会利用豆包进行编程,拿到代码一键运行,实现一个番茄钟的小应用。

首先,需要注册一个豆包账号,网址是这里: https://www.marscode.cn/home?utm_source=school&utm_medium=datawhalelearn&utm_campaign=camp1

在这里插入图片描述

点击右上角进行工作台
在这里插入图片描述
左上角创建项目
在这里插入图片描述
选择html

在这里插入图片描述
在右边对话框中输入要求
文字如下:

请你基于html、tailwind css和javascript,帮我设计一个“番茄时钟”。要求UI简洁美观大方,同时具有呼吸感,点击开始计时、点击暂停计时和重置计时的功能能够完美实现

在这里插入图片描述
然后把左边index.html和script.js的代码依次替换生成的代码
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
替换完成点击运行
在这里插入图片描述
右侧就会显示出运行的结果
在这里插入图片描述
番茄钟的项目就完成了!恭喜你,完成第一节的开发。

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐