javascript 从1到12打印5次表

tp5buhyn 于 2023-01-11 发布在 Java

关注(0)|答案(2)|浏览(133)

我似乎有我想要做的一切，但是，我似乎不能让它显示我想要它显示。

<!DOCTYPE HTML>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <title>5 Times Table</title>
    <script type="text/javascript">
         /* Program to print the five times table from 1 to 12 in this format:
         5 x 1 = 5
         5 x 2 = 10
         5 x ...
         Input: There will be no user input, program will use a loop to create the 5 times table.
         Process: Define all the 5 times table between 1 and 12.
         Output: The 5 times table will be displayed.
         */
        function fiveTimesTable() {
            var result = 0;
            for (i=1; i<=12; i++){
                 result = "5 * " + i + result + i*5 + "<br>";
            var display =result;
            }
            document.getElementById("outputDiv").innerHTML = display;
            }       
</script>
</head>
<body>
    <h1>Five Times Table From 1 - 12.</h1>
    <h2>Press the button to display the table.</h2>
    <button type="button" onclick="fiveTimesTable()">Times Table</button>
    <div id="outputDiv"></div>
</body>
</html>
           `

JavaScript

来源：https://stackoverflow.com/questions/33623437/print-5-times-table-from-1-o-12

2条答案

按热度按时间

ocebsuys1#

你的代码很接近，但如果你把它分成几个部分会更容易理解。

function fiveTimesTable() {
  var display = ""; // The table output HTML

  for (i = 1; i <= 12; i++) {
     var multiplier = 5;
     var result = i*5;

     display += multiplier+" * "+i+" = "+result+"<br>"; //Add each line to our output HTML
  }

  document.getElementById("outputDiv").innerHTML = display;
}

快来看in this codepen。
如果你感兴趣的话，我们会面临一些挑战。
1.使函数能够显示使用参数的任何乘数的表。
1.把你的表格放到一个实际的HTML表格元素中。

赞(0）回复(0）举报 2023-01-11

wgeznvg72#

<!DOCTYPE HTML>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <title>Tabla del 5</title>
    <script>`enter code here`
         /* Program to print the five times table from 1 to 12
         Input: The program will use a loop to create the 5 times table.
         Process: Write a defining  table and a program to display the five times tables
         Output: display the five times table from 1 to 12 in this format*/
        function FiveTimesTable() {
             var display = "";  
             for (i = 1; i <= 12; i++) {
                 var multiplier = 5;
                 var result = 5*i;
                 display += multiplier+" * "+i+" = "+result+"<br>"+"<br>";
             }  
        document.getElementById("outputDiv").innerHTML = display;
        }  
    </script>
</head>
<body>
    <h2>Five Times Table</h2>
    <h3>Press the button to display the 5 times table</h3>
    <button type="button" onclick="FiveTimesTable()">Times Table</button>
    <div id="outputDiv"></div>
</body>
</html>

赞(0）回复(0）举报 2023-01-11

我来回答

javascript 从1到12打印5次表

2条答案

相关问题

热门标签

最新问答