htmljs根据用户输入的数字输出图形代码(操作题 1.使用JavaScript脚本在页面上输出一个正方形,要求如下:)

本文目录
- 操作题 1.使用JavaScript脚本在页面上输出一个正方形,要求如下:
- 如何将用户输入的HTML源代码输出到网页上
- js怎么获取输入的数字值,并根据得到的输入值来动态创建DIV
- js中从输入框中输入一 个数字(3位数整形形),倒序输出;比如输入123 输出321
- 在html页面,通过输入指定的数值范围,来显示层,有图片展示,求高人解答
- 编程问题,输入一个数字,根据输入的数字在控制台上显示一个图形
操作题 1.使用JavaScript脚本在页面上输出一个正方形,要求如下:
window.onload= function(){
var _index = prompt("行数:", 0);
if(isNaN(_index)){
alert("不是数字");
return;
}
for(var i = 0; i 《 _index; i++){
document.write("# # # # # # 《br/》");
if(i 》= 9) break;
}
}
《br/》不能显示, 只好改写成《br/》请把《》改为《》
如何将用户输入的HTML源代码输出到网页上
如果没有后台的话 直接用js转换一下尖括号就可以了
基本代码如下:
***隐藏网址***
《textarea id="htmls"》《/textarea》
《div id="out"》《/div》
《span id="clickBut"》点击《/span》
《script type="text/javascript"》
$("#clickBut").click(function(){
var html = $("#htmls").val();
html = html.replace(/《/g,"《");
html = html.replace(/《/g,"》");
html = html.replace(/\n/g,"《br》");
html = html.replace(/\t/g,"");
console.log(html);
$("#out").html(html);
})
《/script》
我在mac chrome测试无问题。
具体的你可以根据自己的需求再修改。
js怎么获取输入的数字值,并根据得到的输入值来动态创建DIV
《body》
《input type="text" id="sr" value=""/》
《button》按钮《/button》
《div id="box"》《/div》
《script》
document.querySelector(’button’).onclick=function(){
var n=parseInt(Number(sr.value));
box.innerHTML="";
for(var i=0;i《n;i++){
box.innerHTML+=’《div style="border:1px solid red"》dfdfsdf《/div》’;
}
}
《/script》
《/body》
js中从输入框中输入一 个数字(3位数整形形),倒序输出;比如输入123 输出321
var n = window.pormpt(’input’);
var str = "";
for (var i = n.length - 1 ; i 》= 0; i--){
str += n;
}
document.write(str);
在html页面,通过输入指定的数值范围,来显示层,有图片展示,求高人解答
写个简单的js就行了。
js部分:
《script type="text/javascript"》
function on_click()
{
var temp1=document.getElementById("text1").value;
var temp2=document.getElementById("text2").value;
for(var i=1;i《5;i++)
{
document.getElementById("div"+i).style.display="none";
}
if(temp1》0 && temp2《=4){
for(var i=temp1;i《=temp2;i++)
{
document.getElementById("div"+i).style.display="";
}
}
if(temp1==0)
{
for(var i=1;i《=temp2;i++)
{
document.getElementById("div"+i).style.display="";
}
}
if(temp2》4)
{
for(var i=temp1;i《5;i++)
{
document.getElementById("div"+i).style.display="";
}
}
if(temp1==0 && temp2》4)
{
for(var i=1;i《5;i++)
{
document.getElementById("div"+i).style.display="";
}
}
}
《/script》
html部分:
《input type="text" id="text1" /》至《input type="text" id="text2" /》《input type="button"
value="查询" onclick="on_click();" /》
《div id="div1" style="display: none;"》
div1 内容。。。《/div》
《div id="div2" style="display: none;"》
div2 内容。。。《/div》
《div id="div3" style="display: none;"》
div3 内容。。。《/div》
《div id="div4" style="display: none;"》
div4 内容。。。《/div》
希望对你有用。
编程问题,输入一个数字,根据输入的数字在控制台上显示一个图形
添加注释如下:
#include 《stdio.h》
void main()
{
/*
4.根据输入的n在控制台上显示对应的图案。例如输入3
显示:
@ @
@ @
@
@ @
@ @
*/
int n;
scanf("%d",&n);
for (int i = 0; i 《 n;i++)// i 从0 到 n-1,共n行,上半部V形图案
{
for (int j = 0; j 《 i;j++)//输出每一行上@前面的空格,第 i 行上有 i 个空格
{
printf(" ");
}
printf("@"); //输出本行上第一个@
for (int k = 0; k 《 (2*(n-i) - 3);k++)//k控制本行上两个@之间的空格 ,(2*(n-i) - 3)这个公式表示每向下一行,空格就少2个,当i=0时(第一行)有2n-3个空格
{
printf(" ");
}
if (i 《 n-1) //若不是V字的底部
{
printf("@"); //就再打一个@
}
printf("\n"); //换行
}
for (int i = n-1; i 》 0;i--) //以下基本同上,只是输出倒V字的部分(无尖顶)
{
for (int j = i-1; j 》 0;j--) //输出每一行上@前面的空格,第 i 行上有 i 个空格
{
printf(" ");
}
printf("@"); //输出本行上第一个@
for (int k = 0; k 《 (2*(n-i+1) - 3);k++) //k控制本行上两个@之间的空格
{
printf(" ");
}
printf("@"); //再打一个@
printf("\n");
}

更多文章:
jfreechart 极坐标设置线条颜色(各位,怎样修改 matlab 中极坐标生成的图像线条的宽度求程序指导! 谢谢了!!!)
2025年8月9日 12:00
appear后面可以加名词吗(高考英语备考之 appear的用法)
2025年9月17日 03:30
django框架安装过程(京东云擎怎么搭建django 框架)
2025年7月24日 02:00
index加match函数出错(excel中INDEX和MATCH函数出现的问题)
2026年1月3日 23:00
routes插件(模拟火车2019机车插件和线路插件安装在哪里怎么激活求大神解答!!)
2025年7月11日 16:45
手机java运行库下载(三星C3300K手机下载JAVA游戏详细方法)
2026年1月12日 09:00
雅马哈音响portable(为什么存储卡里的歌在可插卡蓝牙音响上有些能放,有些不能放)
2026年8月5日 16:15
易语言源码忘记保存奔溃怎么找回(易语言源码丢失,用什么恢复软件恢复后可以用)
2025年12月9日 05:45














