var tablNum = prompt("enter numberr");
var tableCout = (tablNum * 10) 1 ;
for (let i = tablNum; i < tableCout; i = i 10) {
console.log(i)
}
這是我的代碼，但是當我運行我的代碼時，回圈作業。我正在嘗試制作數學表生成器，這是我的代碼，但它不起作用。
var tablNum = prompt("enter number");
var tableCout = (tablNum * 10) 1 ;
for (let i = tablNum; i < tableCout; i = i 10) {
console.log(i)
}
而我想要從我的代碼中做的是生成一個我輸入的數字的表格。
uj5u.com熱心網友回復：
您必須將從提示中獲得的內容從字串轉換為數字。
var tablNum = Number(prompt("enter number"));
uj5u.com熱心網友回復：
您的變數tablNum包含用戶作為字串輸入的值，但您將其視為數字，因此有時將其強制為數字，而有時則不是，例如i = i 10將其i視為字串并連接“ 10" 與i, 而比較會將其視為數字。
您必須將該tablNum變數的型別顯式設定為數字，您可以使用parseInt()orNumber()函式來執行此操作。
uj5u.com熱心網友回復：
如果你想要一個乘法表，我認為這段代碼會幫助你：
const number = parseInt(prompt('Enter an integer: '));
//creating a multiplication table
for(let i = 1; i <= 10; i ) {
// multiply i with number
const result = i * number;
// display the result
console.log(`${number} * ${i} = ${result}`);
}
uj5u.com熱心網友回復：
如果您在創建“時間表”之后，您可能會發現此示例很有用。
prompt將始終回傳一個字串，因此要在回圈中使用它，您需要通過使用Number建構式“時間表”通常是 12 的倍數，因此我們將在計算中使用該值。
回圈需要從
n（提示中的數字）上升到 的邊界n * 12，并n在每次迭代時增加：for (let i = n; i <= bound; i = n) {如果您想要一個表格，最好使用開發人員可用的功能。在這里，我使用CSS Grid創建了一個網格，它允許您指定所需的列/行數。我指定了四列 30 像素寬：
grid-template-columns: repeat(4, 30px).然后，在你的回圈中，創建一些元素（我給它們一個類名
box）。在這里，我首先創建了一個添加元素的片段。一旦迭代完成，片段就會被添加到頁面中。
// Coerce the prompt (a string) to an integer
const n = Number(prompt('Enter a number'));
// Set the upper bound for the loop
const bound = n * 12;
// Cache the grid element, and create a
// document fragment
const grid = document.querySelector('.grid');
const frag = document.createDocumentFragment();
// Loop from `n` to the upperbound increase by n
// on each iteration
for (let i = n; i <= bound; i = n) {
// Create an element, add a `box` style to it
// set its text content, and then add it
// to the fragment
const box = document.createElement('div');
box.className = 'box';
box.textContent = i;
frag.appendChild(box);
}
// Finally add the fragment to the grid
grid.appendChild(frag);:root { --grid-width: 4; }
.grid { display: grid; grid-template-columns: repeat(4, 30px); gap: 0.5em; width: 50%;}
.box { display: flex; justify-content: center; align-items: center; border: 1px solid lightgray; width: 30px; height: 30px; font-size: 0.9em; border-radius: 5px; }<div class="grid"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/529021.html