12.6JavaScript入门-优快云博客

本文链接：https://blog.youkuaiyun.com/2301_79885215/article/details/144280935

<style>
		.red-text{
			color: red;
			font-size: 30px;
		}
	</style>
	<body>

		<!--
		/**
		 * 定义变量s
		 * 在页面中输出s类型
		 * 为s赋值3.14
		 * 在页面中输出s的值及其类型
		 * 修改s的值为hello world
		 * 在页面中输出s的值及其类型，要求字体为红色，字号为30px
		 * 定义函数factorial，功能是求n的阶乘
		 * 调用函数，输出5的阶乘到页面中
		 */
		-->
		<div style="color:red;font-size:30px;"></div>
		
		<script>
			/* 任务1：定义变量S,在页面中输出s类型（初始为undefined） */
			var s;
			document.write('数据：'+s+"，数据类型："+typeof s+'<br>')
			/* 任务2：为s赋值3.14，在页面中输出s的值及其类型 */
			s= 3.14;
			document.write('数据：'+s+"，数据类型："+typeof s+'<br>')
			/* 任务3：修改s的值为hello world，在页面中输出s的值及其类型，要求字体为红色，字号为30px */
			s = 'hello ue5'
			document.write('<div class="red-text">'+'数据：'+s+"，数据类型："+typeof s+'<br>'+'</div>')
			
			/* 任务4：定义函数factorial，功能是求n的阶乘，调用函数，输出5的阶乘到页面中 */
				
			function factorial(n){
				var sum_n = 1;
				for(var i = 1;i<=n;i++){
					sum_n = sum_n*i;
				}
				document.write('n的阶乘是：'+sum_n+'<br>')
			}
			factorial(5);
		</script>

	</body>

<style>
		.red-text{
			color: red;
			font-size: 30px;
		}
	</style>
	<body>

		<!--
		/**
		 * 定义变量s
		 * 在页面中输出s类型
		 * 为s赋值3.14
		 * 在页面中输出s的值及其类型
		 * 修改s的值为hello world
		 * 在页面中输出s的值及其类型，要求字体为红色，字号为30px
		 * 定义函数factorial，功能是求n的阶乘
		 * 调用函数，输出5的阶乘到页面中
		 */
		-->
		<div style="color:red;font-size:30px;"></div>
		
		<script>
			/* 任务1：定义变量S,在页面中输出s类型（初始为undefined） */
			var s;
			document.write('数据：'+s+"，数据类型："+typeof s+'<br>')
			/* 任务2：为s赋值3.14，在页面中输出s的值及其类型 */
			s= 3.14;
			document.write('数据：'+s+"，数据类型："+typeof s+'<br>')
			/* 任务3：修改s的值为hello world，在页面中输出s的值及其类型，要求字体为红色，字号为30px */
			s = 'hello ue5'
			document.write('<div class="red-text">'+'数据：'+s+"，数据类型："+typeof s+'<br>'+'</div>')
			
			/* 任务4：定义函数factorial，功能是求n的阶乘，调用函数，输出5的阶乘到页面中 */
				
			function factorial(n){
				var sum_n = 1;
				for(var i = 1;i<=n;i++){
					sum_n = sum_n*i;
				}
				document.write('n的阶乘是：'+sum_n+'<br>')
			}
			factorial(5);
			/*任务5，定义一个字符串fruit，值为orange，输出字符串长度*/
			var fruit = "orange";
			document.write(fruit+'字符串长度：'+fruit.length)
		</script>

	</body>

function showMultiplyTable(){
	for(var i = 1;i<=9;i++)
	{
		for(var j = i;j<=9;j++){
		    document.write(i+' * '+j+' = '+ i*j +' ')
		}
		document.write('<br>')
	}
 
}
 
function showMultiplyTable2()
{
	for(var i = 1;i<=9;i++)
	{
		for(var j = i;j<=9;j++){
			if(i%2==0&&j%2==0)
			{
				document.write('<div style="color:blue;font-weight:bold;displays:inline-block;">'+i+' * '+j+' = '+ i*j +' '+'</div>')
			}
			else if(i%2==1&&j%2==1)
			{
				document.write('<div style="color:red;font-weight:bold;displays:inline-block;">'+i+' * '+j+' = '+ i*j +' '+'</div>')
			}
			else
			{
				document.write(i+' * '+j+' = '+ i*j +' ')
			}
		}
		document.write('<br>')
	}
	
}