繁体   English   中英

在JavaScript中为乘法时间表添加起点和终点

Add a starting and ending point for multiplication timetable in javascript

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

例如-显示从5(4 * 5)开始到9结束的4次表。

- 4*5 = 20
- 4*6 = 24
- 4*7 = 28
- 4*8 = 32
- 4*9 = 36

我很困惑如何添加开始和结束值。

 function printTable(){ var timesTable =Number(document.getElementById('txtNumber').value); for(var i=1; i<=10; i++){ var pTag= document.getElementById('pPrint'); pTag.innerHTML += (timesTable*i) + "<br/>" } } 
 <body style="text-align: center;"> <h1>JavaScript - Function to Display Table of an entered Number.</h1> <p><input type="text" id="txtNumber" placeholder="Enter number"/></p> <h1>enter the start value</h1> <p><input type="text" id="textNumber" placeholder="Enter number"/></p> <h1>enter the end value</h1> <p><input type="text" id="teextNumber" placeholder="Enter number"/></p> <p><input type="button" value="Print Table." onclick='printTable()'/> <!--print numbers--> <p id="pPrint"></p> </body> 

如何在JavaScript中为乘法时间表添加起点和终点?

3 个回复

如果我正确理解了您的问题,也许您可​​以执行以下操作;

  1. 通过Number(document.getElementById('textNumber').value)获取起始编号
  2. 通过Number(document.getElementById('teextNumber').value)获取结束号
  3. 使用for循环可通过for(var i= start; i<= end; i++){

您还应该检查起始编号是否小于结束编号,以确保循环终止:

 function printTable(){ var start = Number(document.getElementById('textNumber').value); var end = Number(document.getElementById('teextNumber').value); var timesTable =Number(document.getElementById('txtNumber').value); // Query document for pTag once, rather than per loop iteration var pTag= document.getElementById('pPrint'); // Check that start is less than end, to ensure that the loop // terminates (ie doesn't loop infinitely) if(start < end) { for(var i= start; i<= end; i++){ // Present the multiplication in the required format pTag.innerHTML += ('- ' + i + ' * ' + timesTable + ' = ' + (timesTable*i) + '<br/>') } } } 
 <h5>JavaScript - Function to Display Table of an entered Number.</h5> <p><input type="text" id="txtNumber" placeholder="Enter number"/></p> <h5>enter the start value</h5> <p><input type="text" id="textNumber" placeholder="Enter number"/></p> <h5>enter the end value</h5> <p><input type="text" id="teextNumber" placeholder="Enter number"/></p> <p><input type="button" value="Print Table." onclick='printTable()'/> <p id="pPrint"></p> 

如果我正确理解了您的问题,那么我将添加乘法函数,如下所示:

 function printTable(){ var ps =Number(document.getElementById('txtNumber').value); var start =Number(document.getElementById('textNumber').value); var end =Number(document.getElementById('teextNumber').value); for(var i=start; i<=end; i++){ var pTag= document.getElementById('pPrint'); pTag.innerHTML += "- " + (ps) + "*" + (i) + " = " + ps*i + "<br/>" } } 
 <body style="text-align: center;"> <h1>JavaScript - Function to Display Table of an entered Number.</h1> <p><input type="text" id="txtNumber" placeholder="Enter number"/></p> <h1>enter the start value</h1> <p><input type="text" id="textNumber" placeholder="Enter number"/></p> <h1>enter the end value</h1> <p><input type="text" id="teextNumber" placeholder="Enter number"/></p> <p><input type="button" value="Print Table." onclick='printTable()'/> <!--print numbers--> <p id="pPrint"></p> </body> 

ps是起始倍数,start是起始倍数,end是结束数。

编辑:添加缺少的框

将起点和终点添加到for循环中,如下所示:


function printTable(){
    var timesTable =Number(document.getElementById('txtNumber').value);
    var start = document.getElementById("textNumber").value;
    var end = document.getElementById("teextNumber").value;

    for(var i=start; i<=end; i++){
    var pTag= document.getElementById('pPrint');
    pTag.innerHTML += (timesTable*i) + "<br/>"
 }

}

1 Javascript乘法时间表

我正在尝试为在输入框中输入的任何数字创建Javascript乘法时间表。 这样,当我单击“生成”按钮时,它将产生一个从1到12的数字乘法,然后将结果打印为HTML。 然后将输出结果打印在HTML表中。 到目前为止,我已经创建了以下代码。 ...

2 Javascript:在轴的起点和终点添加标签

我想在轴的开头添加一个标签来表示“不是很重要”,并在轴的末尾添加一个标签“非常重要”。 我正在使用以下滑块程序: http : //sujeetsr.github.io/d3.slider/ 。 作为JS的初学者,希望您能最好地帮助您。 ...

3 在R openair时间表中添加标题

我正在使用R的openair软件包来绘制一百多个.csv文件的时间序列。 我可以生成图,但是无法为图添加标题。 另外,我希望标题是可以从文件名或.csv文件的第一列中提取的站点位置。 看起来您可以使用timeplot函数的auto.text执行此操作,但是我没有任何运气。 可以以时尚的方 ...

2016-06-05 01:42:51 1 440   r/ csv/ plot
4 向 recyclerview 添加不同的时间表(在 kotlin 中)

在此处输入图片描述我发布一个问题,因为在节目期间出现交通堵塞。 我正在制作一个在回收视图中显示几个时间表的程序。 具体来说,我想做的是展示几个不同的时间表。 (如果你看不懂我的故事,请参考下图。我上传的图片是目标)我引用的开源地址'com.github.islandparadise14:Minta ...

6 时间表计算的起点JQuery / Ajax / other

我需要为时间创建一堆前端计算。 我进行了搜索,似乎找不到任何好的教程或模板来使我朝正确的方向发展。 我想知道是否有人可以针对以下链接做到这一点: https://crm.champ.net/timesheet-static 所以这就是我需要帮助的地方。 当用户输入时间和超时(然 ...

7 如何在“ Invoke Rest API”中获得管道起点和终点时间?

我在管道中最后一个作业的“部署后条件”下添加了一个“调用Rest API”任务。 我将需要将管道的开始和结束时间发布到其他API。 获得这两个值的变量是什么? 为Rest API Post操作生成的默认标头。 需要获取管道StartTime和EndTime以及Status等。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM