重新用ChatGPT写一个生成小学生口算练习题的web页面




几年前自己用Python写过一个小学生100以内的口算练习题生成的web页面:生成口算练习题web服务

其实不需要搞这么复杂,而且没有写好html和css,导致居中都没有,也不能调整字体大小,也没有刷新重新生成的按钮,总之很挫很挫。

根本原因就是我不会写前端代码。。。

现在有了ChatGPT,就尝试让他写一个纯web的练习题生成页面,我只给了他4次提示,他就做到了:

100以内加减法口算练习题生成web页面

下面是交流过程:

prompt1:帮我写一个web页面,要求是可以通过一个按钮随机一个低年级小学生练习100以内加减法口算的习题集,每次生成100道题,每行4道题,共25行,并且要求居中显示,字体大小可以调节,方便A4纸打印。

ChatGPT:生成了一堆代码,包括html、css、js(因为代码量比较多,所以他中断之后要告诉ChatGPT继续写)

我试着整理之后跑了下,报了2个错误,我又问了两个问题:

prompt2:这个网页点生成习题集按钮后报错:Uncaught TypeError TypeError: Cannot set properties of null (setting ‘innerHTML’),怎么解决?

prompt3:调整字体报错:Uncaught TypeError TypeError: Cannot read properties of null (reading ‘value’),怎么解决?
prompt4:对于小学生来说,减法口算不应该出现负数,另外100以内的加法结果也不能超过100,需要修改下代码。
这样几次交流,就生成了一个非常符合我预期的口算练习题生成web页面了,还是非常给力的。