用JavaScript的console控制台输出一个靠右的直角三角形怎么写代码？

Posted 2023-03-27

在浏览器的console下形成这样的三角

初学者学习js的话最好用下面这个代码。浅显易懂。学习深入了后再用高级点的方法。

<script>

var myoutput="<br>";

for(var i=1;i<=6;i++)

   for(j=1;j<=i;j++)

       myoutput+='*';

   

   myoutput+='<br>';

console.log(myoutput);

myoutput="<br>";

for(var i=6;i>=1;i--)

   for(j=1;j<=i;j++)

       myoutput+='*';

   

   myoutput+='<br>';

console.log(myoutput);

</script>

参考技术A

function triangle(isInvert = false, n = 6) 

    const rows = new Array(n).fill(n).map((value, i) => '*'.repeat(i + 1).padStart(n))

    if (isInvert) 

        rows.reverse()

    

    console.log(rows.join('\\n'))

triangle()

triangle(true)

示例

参考技术B

缩进用 空格，换行用 \\n ，比如 

console.log("  *\\n   *\\n    *")

参考技术C 用符号输出 比如有n行 那么第一行 先输出n-1个空格，一个符号 第二行 n-2个空格 3个符号 ... 第n行，0个空格，2*n+1个符号 就ok了

javascript基本知识

01.Javascript几种输出方式

Document.wrte(); 文档打印输出

Console.log();  控制台输出

Console.warn(); 控制台警示

Console.error();控制台错误提示

Alert();弹窗，很少用，用户体验差

02.事件三要素

事件源  事件 事件处理程序

事件源.事件=function(){   事件处理函数  };

常用事件      说明

• onclick         鼠标单击
• ondblclick       鼠标双击
• onkeyup        按下并释放键盘的一个键时触发
• onchange       文本内容或下拉菜单中的选项发生改变
• onfocus         获得焦点，表示文本框等获得鼠标光标
• onblur          失去焦点，表示文本框等失去鼠标光标
• onmouseover     鼠标悬停，即鼠标停留在图片等的上方
• onmouseout      鼠标移除，即离开图片等所在的区域
• onload           网页文档加载事件
• onunload         关闭网页时
• onsubmit          表单提交事件
• onreset           重置表单时

03.隐藏样式

Display: none           display: block ;  显示的意思

 Visibility: hidden;       visibility: visible  显示的意思

 Display  隐藏不占位置

 Visibility:hidden 隐藏占有位置   停职留心

 Overflow:hidden;   隐藏超出的部分

04图片经过切换

<img src="images/01.jpg" id="pic" />

                         var pic=document.getElementById("pic");

                         pic.onmouseover=function(){

                                       pic.src="images/02.jpg";

                         }

                         pic.onmouseout=function(){

                                       pic.src="images/01.jpg";  //样式就要加style,src是属性，不需要

}

04.js的书写位置

1.行内式

<button onclick=”alert(‘你好吗’)”>点击我</button>

2. 内嵌式

 <script type=”text/javascript”>  </script>  //任何一个地方

3.外联式

<script type=”text/javascript” src=”XX.js”></script>  //里面不能有任何东西

数据类型

 Js 的数据类型分为：

  字符型     数值型   布尔型   null    undefined 

 Js 是一个是一种弱数据类型 。

 Var  Aa = 10;

Var  aa:int = 10;

 Js 的变量你给什么值，他就是什么数据类型。 

 字符型 (string)

  String  

  转换为字符型:

  1. 利用 “”  (双引号)

   加了引号的都是字符型。

  2. 利用String();  转换为字符型

  布尔型 (boolean)

  就两个值   正确的和错误的   true  和  false

  数据类型转换为布尔型：

  1. 利用 !!  

   console.log(typeof !!num);

  2. 利用 Boolean() 

 false、undefined 、null、0、””  为 false

 true、1、”somestring”、[Object]  为 true

 数值型

 Var  num = 10

 数值的前面带  0  表示 八进制 

 Var num = 020;  

  0*8⁰+2*8¹  = 16 

 数值的前面带  0x  表示 十六进制

  var result = 0xb;   11 

  转换为数值型:

  1. 利用 -  *  / 都可以转换

  2  利用Number( ) 

 

ParseInt()  parseFloat() 

parseInt(值, 进制);     

parseInt(110,2)

 表示2进制        吧10 这个2进制转换为 10进制  

 0*2⁰+1*2¹  + 1*2²   =  6 

 

1.var a="15.15abc" , b=‘10.15‘ , c=‘10.0abc‘;

alert(parseInt(a)+Number(b)+parseFloat(c));

 Null  undefined

Null  空的       没有值 。

Undefined  未定义的    应该有值，但是没有给。

Null        “”