Создание таблицы умножения

@Odesskin · Регистрация: 05.06.2018

Студворк — интернет-сервис помощи студентам

Дорогие форумчане, вас приветствует новичок. Мне нужно сделать табличку умножения в HTML с JavaScript, саму таблицу умножения я сделал, но нужно чтобы каждое выражение было в отдельном столбце и ячейке. Не подскажите, как сделать такую таблицу. Заранее благодарен

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<title>
Диалоговые окна
</title>
</head>
<body>
<script language="JavaScript"> 
document.write("<h1>Таблица умножения</h1>"); 
for (j = 1; j <= 9; j++){  
document.write("<div style='float: left; width: 70px;'>"); 
for (i = 1; i <=9; i++)  
{ 
document.write(i + "*" + j + "=" +(i*j) + "<br>"); 
}  
document.write ("</div>"); 
} 
</script>
</body>
</html>

@klopp · 05.06.2018, 19:19

Odesskin, для чего у вас циклы с единицы начинаются?

HTML5
1
<table id="tbl"></table>

JavaScript
1
2
3
4
5
6
7
8
let tbl = document.getElementById('tbl');
for(let i = 2; i < 10; i++){
    let newRow = tbl.insertRow();
    for(let j = 2; j < 10; j++){
        let newCell = newRow.insertCell();
        newCell.innerHTML = j + ' * ' + i + ' = ' + i * j;
    }
}

@Odesskin · 05.06.2018, 19:59 **[ТС]**

Ну в самом задании, так требовалось. А по сути какая разница? Если я не ошибаюсь, от этого зависит только с умножения на какое число будет начинаться таблица

@klopp · 06.06.2018, 03:08

Сообщение от Odesskin

А по сути какая разница?

умножения числа на единицу даёт само это число,так какой смысл это в таблицу заносить?

@Odesskin · 06.06.2018, 14:05 **[ТС]**

По сути ничего не дает, но какая разница для моего вопроса. Или это в принципе, для того чтобы просто что то ответить

@j2FunOnly · 06.06.2018, 15:06

Сообщение от Odesskin

саму таблицу умножения я сделал, но нужно чтобы каждое выражение было в отдельном столбце и ячейке.

То есть в отдельном столбце и ячейке?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Диалоговые окна</title>
</head>
<body>
  <script type="text/javascript">
    document.write("<h1>Таблица умножения</h1>");
 
    for (var j = 1; j <= 9; j++) {
      document.write("<div style='float: left; width: 70px; margin-right: 1px;'>");
 
      for (var i = 1; i <= 9; i++) {
        document.write('<div style="border: 1px solid black; margin: 1px;">' +i + "*" + j + "=" + (i * j) + "</div>");
      }
 
      document.write ("</div>");
    }
  </script>
</body>
</html>

@kalabuni · 13.06.2018, 11:10

Odesskin, посмотрите последнее сообщение в теме Заполнить таблицу Пифагора

в последней (#32) строчке кода пропишите пропущенный мною слеш, вот так: document.write ('</table>');

и, кстати, для случая "подскажи́те!" пишется с буквой "и", а вот "не подска́жете?" надо писать через "е"

Новые блоги и статьи Все статьи Все блоги /
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

@Odesskin 0 / 0 / 0 Регистрация: 05.06.2018 Сообщений: 3
	05.06.2018, 19:59 [ТС]
	Ну в самом задании, так требовалось. А по сути какая разница? Если я не ошибаюсь, от этого зависит только с умножения на какое число будет начинаться таблица 0

@Odesskin 0 / 0 / 0 Регистрация: 05.06.2018 Сообщений: 3
	06.06.2018, 14:05 [ТС]
	По сути ничего не дает, но какая разница для моего вопроса. Или это в принципе, для того чтобы просто что то ответить 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	13.06.2018, 11:10
	Odesskin, посмотрите последнее сообщение в теме Заполнить таблицу Пифагора в последней (#32) строчке кода пропишите пропущенный мною слеш, вот так: document.write ('</table>'); и, кстати, для случая "подскажи́те!" пишется с буквой "и", а вот "не подска́жете?" надо писать через "е" 1

Создание таблицы умножения

Решение