借助ChatGPT编写html小程序

在数值模拟过程中,经常需要反复计算一些参数,例如常见的无量纲参数雷诺数和瑞利数等
它们的表达式如下:
R a = g β Δ T H 3 P r ν 2 Ra = \frac{g \beta \Delta T H^3Pr}{\nu^2} Ra=ν2gβΔTH3Pr
为了确定这个参数,需要给定 g , β , Δ T , H , P r , ν g,\beta,\Delta T,H,Pr,\nu g,β,ΔT,H,Pr,ν这六个量,十分的不方便。
为了保证瑞利数的变化,我们只需要改变六个值中的一个就可以了,这个值常常被选为 H H H。其它的参数一般都是固定的,根据流体的不同,例如,对于空气,其物性参数基本上是确定的,并且,由于布西内斯克假设, Δ T \Delta T ΔT的选取一般也比较固定,常常在0-10左右。所以,处 H H H外,其他参数基本上可以由如下表格给出:

g g g9.81
β \beta β3.36e-3
Δ T \Delta T ΔT10
ν \nu ν1.58e-5
P r Pr Pr0.71

使用html小程序可以实现如下功能:
1、自动预设值,后续可以自己输入修改
2、根据Ra计算H
3、根据H计算Ra

十分方便。
页面具体如下所示:可以看出,已经自动补全了一些预设值
在这里插入图片描述
上述程序是在ChatGPT的帮助下完成的,主要是由ChatGPT给出的代码进行修改,非常高效。
其中涉及一些html编程知识,记录如下:
其中有两个计算程序,分别是两个form类型
其具体格式可以在style中修改:

form {float: left;margin-left: 350px;}

为了区分两个form,可以在第二个form中添加id

<form id="form2">

然后

#form2 {float: right;margin-right: 350px;}

这样就可以实现一个在左,一个在右。但是这样还是不够清晰,我们可以对每个form继续添加标题

      <fieldset><legend>1、计算瑞利数</legend><!-- <button type="submit">Submit</button> --></fieldset>

同样可以对其设置格式

 legend {font-size: 24px;}

程序的计算部分主要在script部分

function addNumbers_Ra() {let g = document.getElementById("g").value;let beta = document.getElementById("beta").value;let deltaT = document.getElementById("deltaT").value;let H = document.getElementById("H").value;let Pr = document.getElementById("Pr").value;let nu = document.getElementById("nu").value;let result = Number(g)*Number(beta)*Number(deltaT)*Number(H)*Number(H)*Number(H)*Number(Pr) / Number(nu) / Number(nu)  ;document.getElementById("result").value = result;}

很简单的计算程序,同时需要注意如何在script中进行开放处理,需要调用math函数

 let H2 = Math.pow(Number(Ra)*Number(nu2)*Number(nu2)/(Number(g2)*Number(beta2)*Number(deltaT2)*Number(Pr2)),1/3)  ;

输入函数中,预设值的设置如下,在value中初始化即可

<label for="g">g(重力加速度):</label>
<input type="number" id="g" name="g" value=9.81><br><br>

同时代码中的希腊字母是我在网上找的粘贴过去的,似乎没有什么问题。

输出结果这个部分,调用script的函数,根据input的值得到最终结果

<input style="width: 150px; height: 50px;" type="button" id="myInput" value="calclate"  onclick="addNumbers_Ra()"><br><br>     
<label for="result">Ra(瑞利数)</label>
<input type="text" id="result" name="result" readonly>

大致就是这么个流程,本人没有什么html基础,如果从头在网上学习的话,可能需要个好几天,但是在ChatGPT的帮助下,只花了大概两个小时就搞定了,简直是神器。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/2151.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ChatGPT都说厉害的东西,零基础,3个小时完成微信小程序的制作并发布

ChatGPT都说厉害的东西&#xff0c;零基础&#xff0c;3个小时完成微信小程序的制作并发布 目录 ChatGPT都说厉害的东西&#xff0c;零基础&#xff0c;3个小时完成微信小程序的制作并发布一、事情的起因&#xff08;先解释一些因素&#xff0c;可以选择跳过&#xff09;二、产…

微信小程序| AIGC之动手实现ChatGPT法律顾问小程序

一、需求背景 在资本退去后,现如今的互联网行情很差劲,很多创新业务都不得不砍除。再加上国内互联网时代进入到了一个增量犹显疲态,增量杀红了眼!阶段,各大互联网公司均有一种断臂求生的态势!各位互联网同行,大力发展第二职业已然变成了必要的生产力! 我们既要辩证的…

微信小程序 |做一款跟ChatGPT下五指棋的小程序

一、写在前面 敢问世间万物,何以解忧? 时下最为火爆的ChatGPT想必够资格来回答一下这个问题。 要想当年AlphaGO打败世界围棋高手李世石,就展露出AI的惊人实力,时隔多年,AI领域在憋了这么多年之后,现如今,ChatGPT 4大杀四方,各行各业无不为之震撼! 借用刚召开的新程…

ChatGPT的朋友们:大语言模型经典论文一次读到吐

知乎&#xff1a;Ostrich 职位&#xff1a;阿里巴巴 算法工程师 原文&#xff1a;https://zhuanlan.zhihu.com/p/620360553 要说2023刷屏最多的词条&#xff0c;ChatGPT可以说是无出其右。到最近的GPT-4&#xff0c;技术的革新俨然已呈现破圈之势&#xff0c;从学术圈到工业界再…

0起步用GPT+知乎赚了点小钱,人人可复制

大家好&#xff0c;我是五竹。 前段时间分享了一篇关于用ChatGPT赚点小钱的实战&#xff1a;TMD&#xff0c;被人偷窥了一个月&#xff01;结果上周末的时候在知乎追了一个关于Claude的热点&#xff0c;发布了一篇注册Claude的文章&#xff0c;结果小小的“爆了”一下&#xf…

这是一篇由ChatGPT生成的博客

这是一篇由ChatGPT生成的博客 前言功能“写”小说编程C语言实现雪花算法Vue和element-ui写一个登陆界面MySQLSpringboot 结尾 前言 ChatGPT是一款由OpenAI开发的预训练聊天机器人模型。它是基于GPT-3&#xff08;Generative Pretrained Transformer-3&#xff09;架构构建的&a…

GPT4和ChatGPT的区别,太让人震撼

文 | Serendipity知乎 前言 GPT4上午朋友圈已经刷屏啦&#xff0c;不过我还在忙&#xff0c;刚刚才登上 GPT-4 &#xff0c;现在来体验一下~ 附 GPT-4 能力测试站&#xff08;无需魔法&#xff0c;仅供国内研究测试&#xff09;&#xff1a; https://gpt4test.com 附 Cha…

研究生如何利用 ChatGPT 帮助开展日常科研工作?

链接&#xff1a;https://www.zhihu.com/question/583232012 编辑&#xff1a;深度学习与计算机视觉 声明&#xff1a;仅做学术分享&#xff0c;侵删 作者&#xff1a;武幺六https://www.zhihu.com/question/583232012/answer/3022264244 我这篇保姆级的ChatGPT论文精读和组会汇…

知乎、百度会被ChatGPT取代吗?百度文心一言胜算如何

有人说ChatGPT革了知乎的命&#xff0c;这种看法是很直观能理解的&#xff0c;因为知乎上面有问题&#xff08;题主&#xff09;&#xff0c;也有很多人回答问题&#xff0c;解决题主的疑惑&#xff0c;其实这种形式和ChatGPT的“一问一答”“知识分享”或“对话交流”很相像。…

她用ChatGPT写了一篇文章,日赚14000元!

金磊 Pine 发自 凹非寺量子位 | 公众号 QbitAI 用ChatGPT写篇博客&#xff0c;竟能实现日入过万&#xff01; 没开玩笑&#xff0c;这事真真儿地就发生了。 事情的起因&#xff0c;是一位小姐姐正准备发布一篇数据分析文章&#xff0c;字数大约在3000左右。 但她觉得一边要分析…

​ChatGPT爆火后:API与平台战争

无界社区是一个跨学科的创新组织&#xff0c;由设计师和工程师组成的开放式线上协作组织。我们正在寻找对跨学科内容感兴趣、敢于尝试新方法并乐于分享想法的人士。如果你准备好加入一个开放、协作、有思想并能够凸显你独特性格的大家庭&#xff0c;那么请来无界社区吧&#xf…

危!ChatGPT一出,这10大职业可能先丢饭碗

新智元报道 编辑&#xff1a;David 【新智元导读】ChatGPT一出&#xff0c;很多人害怕自己的工作会被AI取代。最近&#xff0c;有外媒盘点了最可能被ChatGPT取代10大高危职位。 自从去年11月发布以来&#xff0c;OpenAI的ChatGPT已经被用来写求职信&#xff0c;创作儿童读物&…

ChatGPT版Office来了:微软下周四举行发布会,CEO亲自上

机器之心报道编辑&#xff1a;蛋酱 又一次「工业革命」正在加速进行&#xff1f; 从微软、谷歌到百度&#xff0c;大型科技公司正加速将生成式 AI 整合到他们的产品中。 刚刚&#xff0c;微软公司宣布将 ChatGPT 背后的技术与其低代码应用平台 Power Platform 捆绑在一起&#…

ChatGPT技术与市场动态

ChatGPT服务器&#xff0c;深度拆解&#xff08;2023&#xff09; ChatGPT发布之后&#xff0c;引发了全球范围的关注和讨论&#xff0c;国内各大厂商相继宣布GPT模型开发计划。据各公司官网&#xff0c;2023年2月7日&#xff0c;百度宣布将推出ChatGPT类似产品“文心一言”&am…

ChatGPT专业应用:生成亚马逊listing

正文共 395 字&#xff0c;阅读大约需要 2 分 跨境电商必备技巧&#xff0c;您将在2分钟后获得以下超能力&#xff1a; 生成亚马逊listing Beezy评级 &#xff1a;B级 *经过简单的寻找&#xff0c; 大部分人能立刻掌握。主要节省时间。 推荐人 | Kim 编辑者 | Yolanda ●此…

亚马逊云科技:云端算力,如何带ChatGPT狂飙?

ChatGPT有多强&#xff1f;这取决于这个问题提出的时间。一个月以前&#xff0c;这可能还是个问题。但是&#xff0c;当ChatGPT连续创造纪录、并不断颠覆人们认知的现在&#xff0c;这已经不是个问题了。真正的问题是&#xff0c;ChatGPT如何变得这么强&#xff1f; 有人做过统…

ChatGPT让亚马逊梦碎!微软CEO狂贬语音助手

编&#xff5c;Aeneas源&#xff5c;新智元 ChatGPT让生成式AI爆火&#xff0c;随之而来的&#xff0c;是亚马逊对Alexa远大梦想的落空。 「笨得和石头一样&#xff01;」 这是微软CEO 纳德拉在接受英国《金融时报》的采访时&#xff0c;对第一波语音助手——苹果的Siri、亚马逊…

亚马逊云科技re:Invent:企业分析版的ChatGPT来了

最近ChatGPT已经被大家玩疯了&#xff0c;那么企业分析版的ChatGPT大家见过没有呢&#xff1f; 火爆异常的聊天机器人ChatGPT 如果要评选当下最炙手可热的机器人&#xff0c;那么我想很多读者朋友都会毫不犹豫地把票投给ChatGPT。 为什么这么说呢&#xff1f;因为ChatGPT实在是…

活动报名丨亚马逊科学家杨靖锋:复现和使用GPT3/ChatGPT的想法

2023年2月23日&#xff08;星期四&#xff09;11:00-12:00&#xff0c;由智源社区主办的「智源LIVE 第30期丨亚马逊科学家杨靖锋讲解『一些关于复现和使用GPT3/ChatGPT的想法』将在线举办&#xff0c;敬请期待。 杨靖锋 杨靖锋是来自亚马逊的科学家。他的研究主要集中在自然语言…