Загрузка...

Нужно создать таблицу пифагора

Тема в разделе Frontend создана пользователем Zheka2017 17 сен 2019. 1409 просмотров

Загрузка...
  1. Zheka2017
    Скопировать BBCode
    Zheka2017 Автор темы 17 сен 2019 1 11 мар 2017
    Не могу понять как делать таблицу пифагора на JS и html БЕЗ CSS, то что смог сделать вот:
    HTML
    Код

    
    <!DOCTYPE html>
    
    <html lang="en">
    
    <head>
    
    <meta charset="UTF-8">
    

    
    <title>Document</title>
    
</head>
    

    
<body>
    
    <table class = "Tab">
    
        <tr>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
        </tr>
    

    
        <tr>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
        </tr>
    

    
        <tr>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
        </tr>
    

    
        <tr>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
        </tr>
    
        <tr>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
            <td></td>
    
        </tr>
    
    </table>
    
<script src="script.js"></script>
    

    
</body></html>
    Код

    

    

    

    

    
//document.getElementById('');
    
//document.getElementsByClassName('');
    
//document.getElementsByTagName('');
    
document.querySelector('.table td');
    
document.querySelectorAll('.table td');
    

    
(function () {
    
    var table = document.getElementsByClassName('Tab');
    
    if (table.length > 0) {
    
        table = table[0];
    
        console.dir(table);
    
        table.style.border = "1px solid red";
    

    
        var rows = table.querySelectorAll('tr');
    
        console.log(rows.length);
    
        var cells = [];
    
        for (var i = 0; i < rows.length; i++) {
    
            cells[i] = rows[i].getElementsByTagName('td');
    
        }
    
        console.dir(cells)
    
        cells[4][4].innerHTML = 13;
    
        cells[4][4].setAttribute('class', 'cell');
    
    }
    

    
})()
    Помогите:roflanPlz:
     
    17 сен 2019
  2. wasyyz
    Скопировать BBCode
    wasyyz 5 окт 2019 27 9 сен 2019
    Код

    
<html>
    
<script type="text/javascript">
    
var cols = prompt("Введите количество строк", "");
    
var rows = prompt("Введите количество столбцов", "");
    
cols = parseInt(cols);
    
rows = parseInt(rows);
    
if (cols<1 || rows <1) {
    
    cols = 1;
    
    rows = 1;
    
}
    
document.write(' <table border=1, cellpadding=2, cellspacing=0, width="90%">');
    
for (i = 0; i <= cols; i++)
    
    {
    
        document.write("<tr>");
    
        for (k = 0; k <= rows; k++)
    
         {
    

    
             if (k == 0) {
    
                 document.write('<td style="background-color:gold">');
    
                 document.write(i);
    
               
    
             }
    
             else
    
                 if (i == 0) {
    
                     document.write('<td style="background-color:gold">');
    
                     document.write(k);
    
                     
    

    
                 }
    
                 else {
    
                     document.write('<td style="background-color:white">');
    
                     document.write(i * k);
    
                   
    
                 }
    

    
                 document.write("</td>");
    
         }
    
   
    
        document.write("</tr>");
    
    }
    
document.write("</table>");
    
</script>
     
    5 окт 2019
Top