JavaScript编程题（一）

最新推荐文章于 2024-10-11 21:05:33 发布
最新推荐文章于 2024-10-11 21:05:33 发布
阅读量2.7k 收藏 18
点赞数 2
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wlx520/p/4469744.html
版权
  1. 使用Javascript脚板输出如图所示的效果页面:

               使用document.write()输出水平线

                使用循环控制每个水平线的长度

答案：<!doctype html> <html lang="en">  

<head>  

<meta charset="UTF-8">  

<meta name="Generator" content="EditPlus®">  

<meta name="Author" content="">

  <meta name="Keywords" content="">  

<meta name="Description" content="">

  <title>Document</title>

 </head>  

<body style="text-align:center">  

<script type="text/javascript">   

var n=window.prompt("输入打印金字塔的行数");  

  for(var i=0;i<=n;i++){     

    for(var j=i;j<=n-1;j++){

        document.write("______");  

 }

         document.write("<br/>");

   }         for(var i=0;i<=n;i++){     

    for(var j=0;j<=i-1;j++){

        document.write("______");

  }

         document.write("<br/>");

   }

  </script>  

</body>

</html>

2、使用javascript脚本在页面上输出正方形，要求如下。

（）使用prompt()方法输入正方形的行数.

（2）无论输入的正方形行数是否大于10，输出的正方形最多为10行。

页面效果如图所示:

提示:

》首先声明一个变量num来保存prompt()方法获取输入的行数

》使用if判断num是否大于10，如果大于十，就赋值num=10,

》可以使用双重循环显示正方形，外层显示行数，内层显示每行显示的“#个数”

答案：

<!doctype html>

<html lang="en">

 <head>  

<meta charset="UTF-8">  

<meta name="Generator" content="EditPlus®">  

<meta name="Author" content="">  

<meta name="Keywords" content="">  

<meta name="Description" content="">  

<title>Document</title>

 

 </head>  

<body style="text-align:center">

  <script type="text/javascript">

var n=window.prompt("请输入正方形的行数：","");

for(var i=0;i<=n-1;i++){   

for(var j=0;j<=n-1;j++){      

if(n>10){         

   n=10

document.write("&nbsp;&nbsp;#&nbsp;&nbsp;");

 

   }else{

document.write("&nbsp;&nbsp;#&nbsp;&nbsp;");      

 

   }       

 

   }      

document.write("<br/>"); }

 

</script>

 </body>

</html>

3、使用prompt（）方法在页面上弹出提示，根据每个用户输入的星期一致星期日的不同，弹出不同的信息。要求如下。

》输入星期一时弹出“新的一周开始了”

》输入星期二，星期三，星期四时弹出“努力学习吧！！”

》输入星期五时弹出“明天就是周末了”

》输入其他内容时弹出“放松休息”

效果如图：

 

答案：

 

<!doctype html>

<html lang="en">

 <head>  

<meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">  

<meta name="Author" content="">  

<meta name="Keywords" content="">  

<meta name="Description" content="">  

<title>Document</title>  

</head>

 <body style="text-align:center">  

<script type="text/javascript">

var n=window.prompt("请输入今天是星期几：");

switch(n){ case "星期一":      window.alert("新的一周开始了"); break;

 

case "星期二":      window.alert("努力学习吧！！"); break;

 

case "星期三":      window.alert("努力学习吧！！"); break;

 

case "星期四":      window.alert("努力学习吧！！"); break;

 

case "星期五":      window.alert("明天就是周末了"); break;

 

case "星期六":      window.alert("放松休息"); break;

 

case "星期日":      window.alert("放松休息"); break;

 

default:      window.alert("输入的星期有误！"); break;

 

 

 

}

 </script>  

</body>

</html>

 

转载于:https://www.cnblogs.com/wlx520/p/4469744.html

JS高级程序设计——第14章 表单脚本 14.2 文本框脚本
YuTong_的博客
04-27 830
14.2 文本框脚本一、文本框种类 一、文本框种类 在 HTML 中，有两种方式来表现文本框：一种是使用<input>元素的单行文本框，另一种是使用 <textarea>的多行文本框。这两个控件非常相似，而且多数时候的行为也差不多。不过，它们之间仍然存在一些重要的区别。 要表现文本框，必须将<input>元素的 type 特性设置为"text"。 而通过设...
JavaScript练习编程题2
weixin_49017598的博客
09-01 2183
4.如下字符串: “01#张三#60-02#李四#90-03#王五#70”, 每一部分表示 学号#姓名#分数，提取学生信息存放于列表中，并按照成绩对学生降序排序。2.输入一个字符串，判断字符串中有多少个字母？7.实现将字符串"1,2,3" 变成列表 [“1”,“2”,“3”]3.输入两个字符串，打印两个字符串中公共的字符，如果没有公共字符打印。1.输入一个字符串，将字符串中所有的数字符取出来产生一个新的字符串。2.输入用户名，判断用户名是否合法，用户名的要求：必须由数字。4.编写敏感词过滤程序。
JavaScript - Prompt的用法
陆讯
04-25 3873
Prompt的用法<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test02.html</title> <script type="text/javascript"> /*var count=prompt("请输入次数：","");
Javascript笔试题目（一）
最新发布
警警的博客
10-11 1019
Javascript笔试题目一
使用prompt在页面中弹出提示对话框
宇智波带土
01-04 8193
根据用户输入星期一~星期日的不同，弹出不同信息提示对话框，要求使用函数实现 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;作息提示&lt;/title&gt; &lt;/head&gt; &lt;body&gt;
js第一章简答题5(使用方法在页面中弹出提示对话框)
拂欢
05-14 1455
ps:题目要求使用函数实现: (谷歌和火狐浏览器试过了,没有问题才上传,放宽心) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用prompt()方法在页面中弹出提示对话框</title> </head&gt...
JavaScript初识-笔记之3个小练习
→_→
09-24 1991
3个小练习 打印倒正金字塔直线 验证邮箱地址 输入提示器 打印倒正金字塔直线 <body style="text-align:center;"> <script type="text/javascript">//style表示样式，text-ali...
leetcode叫数-Leetcode_JS:leetcode编程题，javascript版本
06-30
leetcode编程题，javascript版本 ##NO.35 Search Insert Position 这道题非常简单，数组是有序数组，只需要遍历一遍数组，判断当前值是否等于target或者大于target即可返回其位置值。如果都不满足， 说明target比...
JavaScript前端13个常见编程题
11-03
按钮录入输出、改变盒子大小颜色、汽车3种方式、求数组元素和个数、生日计时器、统计数组元素次数、正则表达式、根据成绩划分等级、计算年龄、判断是否为闰年、求字符串数组中每一项元素的长度、计算平均分、新建...
JS编程练习题(javascript)
nannantang的博客
07-10 2862
一、实现一个函数，输入某个字符串，输出其中出现最多的字符和个数 二、封装方法将字符串转化为驼峰命名 三、给定一个字符串，找到它的第一个不重复的字符，并返回它的索引 四、统计字符串中的单词个数，这里的单词指的是连续的不是空格的字符请注意，你可以假定字符串里不包括任何不可打印的字符。输入: "Hello, my name is John"输出: 5解释: 这里的单词是指连续的不是空格的字符，所以 "Hello," 算作 1 个单词。输入："how are you"...
JavaScript编程考试题.pdf
11-18
JavaScript 编程考试题解析 在这篇文章中，我们将对 JavaScript 编程考试题的每个问题进行解析，总结出相关的知识点，并对每个问题的答案进行详细的解释。 一、选择题 1. 用来设定背景颜色的 HTML 标记是。 答案...
javascript实现输出指定行数正方形图案的方法
01-19
本文实例讲述了javascript实现输出指定行数正方形图案的方法。分享给大家供大家参考。具体如下： javascript实现输出指定行数的正方形图案：点击生成图案，会有2个提示框，1，输入图案的组成字符，只能是1个字符哦2，输入正方形行数，路过大于10，会设置为10行数 <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd> <html> <head> <title> 生成正方形 </title> <Script type='text/jav
【JavaScript实训】-- 打印倒正金字塔直线
一只大数据专业的傻猪猪
03-27 5938
使用JavaScript输出倒正金字塔直线。
利用javascript实现输出指定行数的正方形图案
wxhlxx的专栏
08-18 7726
javascript实现输出指定行数的正方形图案：点击生成图案，会有2个提示框，1，输入图案的组成字符，只能是1个字符哦2，输入正方形行数，路过大于10，会设置为10行数       效果图： 1.图案字符：+，行数：5   2.图案字符：s   行数：10
JavaScript在控制台打印正方形、三角形
code_change_era的博客
09-17 2956
var str='';//定义空字符串 for(var i=0;i<10;i++){ //外层循环控制行数 for(var j=0;j<10;j++){ //内层循环控制列数 str+='*';//str=str+'*';字符串的拼接 } str=str+'\n'; //打印10个*换行 } console.log(str); var str=''; for(var i=0;i<10;i++){ for(var j=i;j<10;j
javascript练习3：打印正方形
weixin_56341412的博客
11-26 1431
javascript练习3：打印正方形
prompt方法
dearMengJJ的博客
02-22 1370
1、prompt()方法可以弹出输入框，进行输入 备注： alert() 弹出个提示框 （确定） confirm() 弹出个确认框 （确定，取消） prompt() 弹出个输入框 让你输入东西
JavaScript交互：alert、prompt和confirm
Niko47的博客
01-13 605
alert() 警告消息框 alert()方法为警示对话框，它可以将括号内的信息显示在对话框中，用户阅读完毕后，点击“确认”，对话框关闭。 例如 <html> <head> <script language= "javascript" > //JavaScript脚本标注 alert( "！！！" ); //页面上弹出！！！ </script> </head> </html> confirm() 确认消息框 confir
prompt弹框的使用
Mr.baicai's Blog
07-12 8627
一直做着后台的工作，前台的东西好像接触的也不少，但是研究的比较少，其实前端的设计与实现也是“博大精深”。其中JQuery就是一款功能非常强大的工具，它已经写好并实现了很多现有的方法。我们需要直接在引用即可，当然如果需要自定义，在他们的规范基础上也可以实现自定义。 1.  prompt   JS中有三种弹框方式：confirm，弹出一个询问框，有确定和取消按钮;alert,弹出对话框并输出一段提
javaScript编程题
08-30
这是两个JavaScript编程题目的示例： 1. 数组排序[^1]: ```javascript // 输入一个以逗号分隔的数字字符串，将其转换为数组并排序 var str = prompt('请输入十个用英文逗号分隔的数字'); var num = str.split(',').map(Number); // 将字符串转成数字数组 num.sort((a, b) => a - b); // 使用sort方法按升序排列 document.write(num); ``` 2. 计算10到2000之间偶数的和: ```javascript // 使用for循环计算10到2000之间偶数之和，当遇到奇数时跳过 var sum = 0; for (let i = 10; i <= 2000; i++) { if (i % 2 === 0) { // 如果是偶数 sum += i; } } // 当鼠标悬停在特定元素上时显示结果 var p1 = document.getElementById('p1'); function updateSum() { p1.textContent = '10到2000之间的偶数和为' + sum; } p1.addEventListener('mouseover', updateSum); // 添加事件监听器 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值