就是这个样的粗爆,手搓一个计算器:冯·米塞斯压力计算器

server/2024/11/13 19:54:58/

       作为程序员,没有合适的工具,就得手搓一个,PC端,移动端均可适用。废话不多说,直接上代码。

HTML:

JS:

javascript">function calculateVonMisesStress() {const sigmaX = parseFloat(document.getElementById('sigmaX').value);const sigmaY = parseFloat(document.getElementById('sigmaY').value);const sigmaZ = parseFloat(document.getElementById('sigmaZ').value);if (isNaN(sigmaX) || isNaN(sigmaY) || isNaN(sigmaZ)) {document.getElementById('result').innerText = "请输入有效的数值。";return;}// 冯·米塞斯应力公式: σv = √[0.5 * ((σ1 - σ2)^2 + (σ2 - σ3)^2 + (σ3 - σ1)^2)]const vonMisesStress = Math.sqrt(0.5 * ((sigmaX - sigmaY) ** 2 + (sigmaY - sigmaZ) ** 2 + (sigmaZ - sigmaX) ** 2));document.getElementById('result').innerText = `冯·米塞斯应力: ${vonMisesStress.toFixed(2)} MPa`;}

CSS:

.calculator {width: 100%;background-color: #333;color: white;padding: 20px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}label {display: block;margin-bottom: 10px;font-size: 16px;
}input, select {width: 100%!important;padding: 10px!important;margin-bottom: 20px;color: #000000; border-radius: 5px;border: 1px solid #555;font-size: 16px!important;background-color: #ffffff!important;
}button {width: 100%;padding: 10px;background-color: #007bff;color: white;border: none;border-radius: 5px;cursor: pointer;font-size: 16px;
}button:hover {background-color: orange;
}.result {font-size: 18px;margin-top: 20px;text-align: center;
}option {background-color: #ffffff;
}p {font-size: 18px;margin-top: 5px!important;
}

线上运行,可以直接打开:冯·米塞斯压力计算器(在线计算器


http://www.ppmy.cn/server/141371.html

相关文章

SpringBoot(十三)SpringBoot配置webSocket

在PHP版本的博客中,我使用PHP+swoole实现了webscoket即时聊天的功能。 在java版本的博客中,我也想使用webscoket来实现即时聊天的功能,下边是我实现过程的一个记录。 一:在pom.xml中添加记录 <!-- spring-websocket start --><dependency><groupId>org…

C语言中,“extern”关键字的含义与用法

在C语言中&#xff0c;extern 关键字用于声明一个已经在其他地方定义的变量或函数。它的主要作用是告诉编译器&#xff0c;某个变量或函数是在当前文件之外定义的&#xff0c;编译器应该在链接阶段找到这个变量或函数的实际定义。以下是 extern 的一些常见用途和用法&#xff1…

c语言中联合Union的作用及示例代码说明

引言 在C语言中&#xff0c;联合&#xff08;Union&#xff09;是一种特殊的数据结构&#xff0c;它允许在相同的内存位置存储不同的数据类型。其它语言中没有类似的语法。 以下是联合的一些作用以及相应的例子。 作用 1 节省空间 联合可以用来节省内存&#xff0c;因为它允…

关于Redis

Redis 基础 什么是 Redis&#xff1f; Redis &#xff08;REmote DIctionary Server&#xff09;是一个基于 C 语言开发的开源 NoSQL 数据库&#xff08;BSD 许可&#xff09;。与传统数据库不同的是&#xff0c;Redis 的数据是保存在内存中的&#xff08;内存数据库&#xf…

原创:使用Qt Creator作为Linux IDE,实现CMake编译和gdb单步调试

1.前期简单步骤参考http://blog.csdn.net/libaineu2004/article/details/78448392 2.Linux下CMake简明教程 http://原文地址&#xff1a;https://blog.csdn.net/whahu1989/article/details/82078563 CMake是开源、跨平台的构建工具&#xff0c;可以让我们通过编写简单的配置…

如何在CentOS 7上搭建SMB服务

如何在CentOS 7上搭建SMB服务 因项目测试需求&#xff0c;需要自行搭建SMB服务&#xff0c;**SMB&#xff08;Server Message Block&#xff09;**协议是一种常用的文件共享方式&#xff0c;它可以让不同操作系统之间共享文件、打印机等资源。本文将带你一步步搭建一个简单的S…

Kafka-Eagle的配置——kafka可视化界面

通过百度网盘分享的文件&#xff1a;kafka-eagle-bin-2.0.8.tar.gz 链接&#xff1a;https://pan.baidu.com/s/1H3YONkL97uXbLTPMZHrfdg?pwdsltu 提取码&#xff1a;sltu 一、界面展示 二、软件配置 1、关闭kafka集群 kf.sh stop 2、将该软件上传到/opt/modules下 cd /opt…

MySQL 到 ClickHouse 数据同步优化(三)

简述 本文主要介绍 CloudCanal 如何将关系型数据库中数据同步到 ClickHouse&#xff0c;默认使用 ReplacingMergeTree 作为 ClickHouse 表引擎&#xff0c;链路特点包括&#xff1a; 新增 _version、_sign 字段&#xff0c;以便 ClickHouse 准确合并。DML 操作均以 INSERT 写…