简直不敢相信，我一个小白，啥都不懂
只是受到颜sir@颜sir说 和询盘过百群里面做计算器的小伙伴激励
就敢大胆去尝试用ChatGPT(以下简称CG)0基础0代码去做会代码的人才能做出了的网页板块，竟然还在短短半小时内成功了！！！
我想做的效果如下图：
（左上角是搜索框，右上角是三个筛选器，下面是根据筛选情况，而变化的图片）
这个是我最终的效果（与我的网站颜色超搭！而且只花了半小时）：
以下是我的全程截图记录：
最开始我问CG，他给了我简单的几个步骤，但是没有我想要的代码，还贴心得给了我不用代码的解决方案！So sweet!
但是我就是想要挑战一下代码，尝试一下不可能，于是我要他帮我写出代码：
他给出了一些指导步骤，要用上html和CSS和JS, 谁懂呢？？？
本着不懂就问CG，我接着要他给我举例一下：
他给出了HTML，CSS和JS代码，我把HTML和CSS都复制到网站上得到这样的效果：
JS代码我找不到对应的板块放他，所以我继续问CG：
但是我的版本里面没有Custom JS, 所以我继续问CG我该如何操作：
但是这个答案不是我想要的，所以我继续问CG：
这个答案也不是我想要的，所以我继续问CG：
终于尝试成功！就是这个方法添加Custom JS （后面发现JS就是放在Html的语言，原谅我是个小白）
然后我添加JS进去，发现还是错误，想来是我没有具体说明图片大小，于是我报了几个图片的url给他参考举例：
成功啦！
最终出来的效果如下：
未筛选的时候，要求全部显示：
筛选A1的时候，只出现这3张图片：
筛选A2的时候，只出现这3张图片：
wow,我只能用太神奇来描述CG了，就好像看到了现实版的神话故事：神笔马良！我是马良，而他就是我的神笔，帮我把我的设想成真！！！
分享到此结束，我内心仍然震惊着，希望大家也能用这个CG工具帮助你们达成往日因为技术受限的所想。
再次感谢颜sir带我们领进门，学习了解到这个逆天的软件! Amazing!!! 愿米课的大家都能成为第一批吃螃蟹的人:)
添加表情
分享至微信
