VPF::[javaScript]сделать таблицу умножения,вводя цифры

niqo

Дата 20.4.2009, 22:40 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 18.4.2009

Репутация: нет
Всего: нет

Суть задачи заключается в том, что надо сделать
вэб-страничку, написанную на Ява Скрипте.
Сверху написано "таблица умножения"
пользователю дается ввести множители:
1.сперва минимальное первое значения множителя и затем максимальное (от 4 до 9)
1. затем минимальное и максимальное значение второго (от 3 до 7),и после вывести таблицу с получившемися результатами.

пример.
ввести мин первый множитель - 4
ввести макс первый множитель - 6
ввести мин второй множитель - 5
ввести макс второй множитель - 7

результат

4*5=20
4*6=24
4*7=28
5*5=25
5*6=30
5*7=35
6*5=30
6*6=36
6*7=42

но в виде табилчки

Aliance

Дата 20.4.2009, 22:44 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: нет
Всего: 137

Напиши завтра утром в аську - чтоб я вспомнил. Я сделаю smile

Номер - в профиле.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

niqo

Дата 20.4.2009, 22:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 18.4.2009

Репутация: нет
Всего: нет

ок,спасибо!!)

niqo

Дата 21.4.2009, 21:34 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 18.4.2009

Репутация: нет
Всего: нет

так что кто-то поможет мне?
а то скоро нужно сдать,плиз
а юзер,решивший мне помочь,где-то пропал:*(

Soah

Дата 21.4.2009, 22:30 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 9
Всего: 54

Вот, накидал примерно

Код


<html>
<head>
<script type="text/javascript">

    function createTable() {
        var f1 = parseInt(document.getElementById('f1').value);
        var f2 = parseInt(document.getElementById('f2').value);
        var s1 = parseInt(document.getElementById('s1').value);
        var s2 = parseInt(document.getElementById('s2').value);
        
        var table = '<table style="width: 100%">';
        
        for (;f1 <= f2; ++f1) {
            table += '<tr>';
            
            for (var i = s1; i <= s2; ++i)
                table += '<td>' + f1 + '*' + i + '=' + (f1*i) + '</td>';
                
            table += '</tr>';
        }
        
        table += '</table>';
        
        document.getElementById('tb').innerHTML = table;
    }

</script>
</head>
<body>

<div style="text-align: center">таблица умножения</div>
<div>1 множитель</div>
<label><input type="text" id="f1" /> мин</label><br />
<label><input type="text" id="f2" /> макс</label><br /><br />
<div>2 множитель</div>
<label><input type="text" id="s1" /> мин</label><br />
<label><input type="text" id="s2" /> макс</label><br /><br />
<input type="button" onclick="createTable()" value="Создать таблицу" /><br />
<div id="tb"></div>

</body>
</html>

P.S. в следующий раз, не надо приходить в последний момент,
и попробуйте написать хотя бы часть кода smile

enof

Дата 21.4.2009, 22:32 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 837
Регистрация: 23.1.2009
Где: Санкт-Петербург

Репутация: 2
Всего: 35

Че я, зря писал что-ли =((

Код


<script>
function show_mul()
{
    var one_min = document.getElementById('one_min').value;
    var one_max = document.getElementById('one_max').value;
    var two_min = document.getElementById('two_min').value;
    var two_max = document.getElementById('two_max').value;
    
    var table = "<table border=1>";
    
    table += "<tr><th></th>";
    for(var i = two_min; i <= two_max; i++)
        table += "<th>" + i + "</th>";
    table += "</tr>";
    for(; one_min <= one_max; one_min++)
    {
        table += "<tr><th>" + one_min + "</th>";
        for(var i = two_min; i <= two_max; i++)
        {
            table += "<td>" + (i * one_min) + "</td>";
        }
        table += "</tr>";
    }
    table += "</table>";
    document.getElementById('table').innerHTML = table;
}
</script>
<h3>Таблица умножения</h3>
Первый множитель: От <select id="one_min">
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
</select>
 до 
<select id="one_max">
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
</select><br>
Второй множитель: От <select id="two_min">
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
</select>
 до 
<select id="two_max">
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
</select><br>
<input type="button" onclick="show_mul()" value="Показать">
<div id="table">
</div>

Это сообщение отредактировал(а) enof - 21.4.2009, 22:49

niqo

Дата 21.4.2009, 22:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 18.4.2009

Репутация: нет
Всего: нет

Чуваки!!!Спасибо!!!Ах,вы лучшие smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Центр помощи \| Следующая тема »