JavaScript实现通过表格方式显示三角形的代码

news/2025/1/12 21:03:53/

   以下为实现通过表格方式显示三角形的程序代码和运行截图

目录

前言

一、通过表格方式显示三角形

1.1 运行流程及思想

1.2 代码段

1.3 JavaScript语句代码

1.4 运行截图


前言

1.若有选择,您可以在目录里进行快速查找;

2.本博文代码可以根据题目要求实现相关使用功能。同时可以实现自定义的设置;

3.本文介绍的是JavaScript代码习题,本博文使用的软件是HBuilder X3.7.9编写的代码,原则上其他软件如DW、VSCode或DW较低或较高版本的软件都是兼容的,若您有需要且编写软件不是HBX等软件原则上都是可以能正常运行的;

图1   编写软件举例(部分)

4.这里要特别说明,因为我使用的是HBX,所以是网页格式,我也单独把<script>语句粘贴了出来,有需要可直接复制<script></script>语句;

5.本博文代码是我在上学时写的,有一些地方没能完美实现,请包涵也请多赐教,若您发现了问题也请麻烦您将问题反馈给我,我好更正错误、总结完善、持续改善! 

6.博文通常需要在浏览器运行,通常会弹出表单,输入数值并得出结果。本文使用的是谷歌浏览器,推荐使用谷歌浏览器;

7.若涉及侵权,请联系删除;


提示:以下是本篇文章正文内容,下面案例可供参考

一、通过表格方式显示三角形

1.1 运行流程及思想

这是通过输入指定的数值,以表格方式并通过for if循环方式计算在输入的数值,最后按照公式输出代码。具体思想流程如下:

1.2 代码段

代码如下(示例):

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">var s='<table>';var x='';for(var i=0;i<26;i++){x+='*';s+='<tr><td align="center">'+x+'</td></tr>';}document.write(s+'</table>')</script></head><body></body>
</html>

1.3 JavaScript语句代码

代码如下(示例):

<script type="text/javascript">var s='<table>';var x='';for(var i=0;i<26;i++){x+='*';s+='<tr><td align="center">'+x+'</td></tr>';}document.write(s+'</table>')</script>

1.4 运行截图

运行结果如下(示例):

1.4.1 浏览器弹出表单显示结果


http://www.ppmy.cn/news/87314.html

相关文章

Linux 内存管理全面分析

前言&#xff1a; 还是习惯性的以前言开篇&#xff0c;“深入骨髓”的程序猿思想&#xff0c;干啥事都想从main 开始~~ 在Android 项目中接触内存管理相关的有一段时间了&#xff0c;中间看了很多代码&#xff0c;看了忘&#xff0c;忘了看&#xff0c;反反复复&#xff0c;索…

JVM--解析运行期优化与JIT编译器

本篇博客&#xff0c;我们来谈一谈JVM&#xff08;HotSpot&#xff09;为了提高Java程序的运行效率&#xff0c;都实现了哪些激动人心的技术&#xff5e; 1 JIT编译器的引入 首先我们这篇文章中所说的编译器都是指JVM的组成部分之一---即时编译器&#xff08;JIT&#xff09;…

Debug | Litemall项目上线

文章目录 1. litemall资源1.1 Litemall项目开源网址1.2 Litemall网盘地址 2. 项目上线2.1 项目框架2.2 项目配置2.3 依赖工具安装2.4 数据库导入2.5 启动小商城和管理后台的后台服务2.6 启动管理后台的前台服务 3项目展示&#xff1a; 1. litemall资源 1.1 Litemall项目开源网…

基于Java+Swing+mysql物业收费管理系统

基于JavaSwingmysql物业收费管理系统 一、系统介绍1. 居民管理模式:2. 物业管理员管理模式:3.项目说明 二、功能展示1.用户登陆2.查询缴费--业主3.历史账单3.资料设置4.生成账单--管理员5.收费记录--管理员6.用户管理--管理员 三、数据库四、其它系统五、获取源码 一、系统介绍…

Unity + HybridCLR,近乎完美的新热更方案,从零开始(一)——Hello World

Unity HybridCLR&#xff0c;近乎完美的新热更方案&#xff0c;从零开始&#xff08;一&#xff09;——Hello World 前言一、HybridCLR是什么&#xff1f;二、使用步骤环境配置创建项目创建 HotUpdate 热更新模块安装和配置HybridCLR配置HybridCLR创建热更脚本加载热更新程序…

【工作记录】Lambda表达式学习总结

Lambda是什么 Lambda表达式是一种匿名函数&#xff0c;它可以在代码中被声明和传递&#xff0c;而不需要命名。Lambda表达式通常用于编写简洁的、非常具有可读性的代码&#xff0c;尤其是在函数式编程语言中。 一个Lambda表达式由参数列表、箭头符号和函数体组成。例如&#…

支付宝支付示例

引入alipay-sdk-java依赖 创建AlipayConfig类&#xff0c;包含支付宝相关配置信息 public class AlipayConfig {// 商户appidpublic static String APPID "";// 私钥public static String RSA_PRIVATE_KEY "";// 支付宝公钥public static String ALIPA…

章节1:Burp Suite基本介绍

章节1&#xff1a;Burp Suite基本介绍 Burp [bɜ:p] Suite [swiːt] 01 Burp Suite基本介绍 官网介绍 https://portswigger.net/ 主要产品 Burp Suite培训和认证&#xff08;Academy&#xff09;研究院&#xff08;Research&#xff09;日报&#xff08;Daily&#xff09;…