个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我正在努力创建一个乘法表，该表显示表格单元格内的结果，并且每当您在提示对话框中键入新数字时，它都会生成一个新表格。到目前为止，我已经创建了第一行和第一个冒号。我尝试了不同的方法来进行乘法，但它对我不起作用。你能帮助我吗？ (这里有 HTML、CSS 和 JS 代码。)
jQuery(document).ready(function() {
while (true) {
var $Number = prompt("Choose a number to create the Multiplication Table:");
if ($Number === '' + parseInt($Number)) {
break;
} else {
alert("You didn't type a number! Please type a number!");
}
}
for (var a = 1; a < parseInt($Number) + 1; a++) {
var cell = $("<td>" + a + "</td>");
$("#row1").append(cell); //Krijon rreshtin e pare me numrat nga 1 deri ne $Number
var colon = $("<tr> <td>" + a + "</t> </tr>").attr("class", a);
$("table").append(colon); //Krijon kolonen e pare me numrat nga 1 deri ne $Number
}
})body {
max-width: 90%;
font-family: 'Open Sans', sans-serif;
margin: 0 auto;
}
h1 {
text-align: center;
margin-bottom: 1.5em;
}
table {
text-align: center;
margin-left: 2em;
margin-top: 1em;
}
td {
padding: 1em;
}<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="app.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<h1> Multiplication Table </h1>
<table border="1">
<tr id="row1">
<td>X</td>
</tr>
</table>
</body>
</html>最佳答案
你可以尝试这样的事情:
表格分为3部分，
function createBody(num) {
var _html = "";
for (var r = 0; r < num;) {
_html += "<tr>";
_html += "<td>" + ++r + "</td>";
for (var c = 1; c <= num; c++) {
_html += "<td>" + r * c + "</td>";
}
_html += "</tr>";
}
return _html;
}
function createHeader(num) {
var _html = "<tr>";
_html += "<td>X</td>";
for (var r = 1; r <= num; r++) {
_html += "<td>" + r + "</td>";
}
_html += "</tr>";
return _html
}
(function() {
var n = window.prompt("Enter a number");
var html = createHeader(n) + createBody(n);
document.getElementById("content").innerHTML = html
})()table {
text-align: center;
margin-left: 2em;
margin-top: 1em;
}
td {
padding: 1em;
border: 1px solid #ddd
}<table id="content"></table>注意:在循环中附加元素是一种不好的做法。您应该创建 html 字符串并执行批量操作。
关于javascript - 如何创建 JavaScript 乘法表？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38916969/
26
4
0
我正在制作乘法表(从 2 到 9)- 例如，这是 10 个随机生成的样本 2 * 3 = 4 * 5 = ... (7 more times) 9 * 5 = 关键是所有的样本必须是不同的和样本 5
我有一个程序，用户输入两个输入，然后当按下显示按钮时，会显示这两个数字参数内的乘法表。但是，当我按下按钮时，什么也没有显示。 First Number: Second Number
创建 1-12 乘法表时，我的输出有问题。下面是我的代码和输出 public class Multiplication { public static void main(String[]ar
我有这个: :- dynamic(times/3). mult :- mult([0,1,2,3,4,5,6,7,8,9]). mult(Num) :- append(L1,[X|R1],Nu
我正在努力创建一个乘法表，该表显示表格单元格内的结果，并且每当您在提示对话框中键入新数字时，它都会生成一个新表格。到目前为止，我已经创建了第一行和第一个冒号。我尝试了不同的方法来进行乘法，但它对我不起
我应该使用 GUI 创建一个简单的乘法表，并且在大多数情况下，它正在做它应该做的事情。但我只是无法弄清楚它的底部部分，如果您单击特定按钮，则会有一条文本说明两个数字相乘的结果以及答案。 无论我点击哪个
我需要创建两个类文件，用于根据用户指定的大小(<=15)创建乘法表，并使用以下内容进行分配。我当时正值感恩节假期，无法检索创建这两个类的说明，因此我编写了一个程序来提示用户，现在我不确定如何将其分成两
我需要创建一个 10x10 乘法表。现在我有了这个，但它有一些我想修复的错误。 public static void main(String[] args) { i
如标题所述，我需要使用 JS 和 HTML 制作一个乘法表，它需要两个用户输入并在表上突出显示答案。我已经制作了表格，我只是在苦苦思索如何从 ID“leftOp”和“rightOp”获取用户输入并在表
我有一个 10x10 乘法表。我需要进行编码，以便当用户输入某个数字(例如 50)时，>50 的数字将被字符替换，其余部分保持不变。 我知道如何使用字符串来执行此操作，但我不知道如何在这种情况下执行此
初学者问题。我有一个基本的 html 表单，其中有一个标记为“输入数字”的用户输入文本框和一个标记为“创建乘法表”的提交按钮。这是使用 servlet 显示 html 格式的乘法表。其他一切正常，只是
我在这里查看了有关这些“简单”乘法表的其他问题。我提出了一个更基本的问题，我需要了解当我编写 JavaScript 并将其与 HTML 合并时它是如何工作的(这就是我感到困惑的地方。) 因此，在乘法练
如何制作九九乘法表而不需要像这样的 xy=z yx=z 那样重复反向计算？我尝试将 if else 与 !== 运算符一起使用，但它什么也没显示。我的代码: for (var x = 1; x <=
我是一名优秀的程序员,十分优秀！