Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
Влад Громов
4 / 4 / 0
Регистрация: 12.09.2014
Сообщений: 60
1

Если в input введен процент от 1 до 100, в другую ячейку таблицы вывести процент от заданного числа

20.12.2014, 14:04. Просмотров 1128. Ответов 5
Метки нет (Все метки)

Как сделать так чтоб если в инпут ввести процент от 1 до 100, то в другую ячейку таблицы выведется процент от заданного числа

Добавлено через 4 минуты
и ещё это надо завернуть в функцию, просто я javascript только изучаю, а делать работу надо
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.12.2014, 14:04
Ответы с готовыми решениями:

Вывести процент от числа
У меня есть поле, для ввода числа. А под этим полем должно быть написано число,...

Найти процент от числа
Всем снова привет. В js соображаю туго и поэтому не могу обойтись без помощи....

Процент из общего числа
Добрый день помогите правильно сделать метод который вычисляет процент от числа...

Вычислить процент положительных чисел, процент отрицательных чисел и процент нулей
1.Загадать случайно 100 целых чисел в диапазоне от -100 до 100. Вычислить...

Вычислить процент положительных чисел, процент отрицательных чисел и процент нулей
В цикле с клавиатуры вводятся 10 целых чисел. Вычислить процент положительных...

5
Vladislav WebDev
324 / 214 / 97
Регистрация: 04.11.2012
Сообщений: 638
21.12.2014, 23:11 2
Влад Громов, примерно так:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>some title</title>
</head>
<body>
    число <input type="text" name="num" placeholder='0'><br>
    процент <input type="text" name="procent" placeholder='0'><br>
    <div id="final-num"></div>
</body>
</html>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
window.onload = function() {
    var num = document.getElementsByName('num')[0];
    var procent = document.getElementsByName('procent')[0];
    var finalNum = document.getElementById('final-num');
    finalNum.innerHTML = num.value;
 
    num.onkeypress = function() {
        finalNum.innerHTML = parseInt(this.value / 100 * procent.value);
    }
    procent.onkeypress = function() {
        finalNum.innerHTML = parseInt(num.value / 100 * this.value);
    }
}
1
Влад Громов
4 / 4 / 0
Регистрация: 12.09.2014
Сообщений: 60
22.12.2014, 11:18  [ТС] 3
Влад, спасибо вам за код, я переделал его немного под себя но теперь не работает
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
function countData(dataOne) {
        var num = dataOne;
        var procent = document.getElementById('row_0').cells[2].getElementsByTagName('input')[0];
        var finalNum = document.getElementById('row_1').cells[2];
        finalNum.innerHTML = num.value;
     
        num.oninput = function() {
            finalNum.innerHTML = num.value * procent.value / 100;
        }
        procent.oninput = function() {
            finalNum.innerHTML = num.value * this.value / 100;
    }
}
Добавлено через 1 минуту
когда загружается страница, там где должен выходить finalNum там написано undefined, а когда начинаю вводить процент то вместо undefined выходит NaN
0
Vladislav WebDev
324 / 214 / 97
Регистрация: 04.11.2012
Сообщений: 638
22.12.2014, 11:26 4
Влад Громов, Покажите весь ваш код полностью, вместе с разметкой и вызовом функции, подумаем
0
Влад Громов
4 / 4 / 0
Регистрация: 12.09.2014
Сообщений: 60
22.12.2014, 12:23  [ТС] 5
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function countData(dataOne) {
        var num = dataOne;
        var procent = document.getElementById('row_0').cells[2].getElementsByTagName('input')[0];
        var finalNum = document.getElementById('row_1').cells[2];
        finalNum.innerHTML = num.value;
     
        num.oninput = function() {
            finalNum.innerHTML = num.value * procent.value / 100;
        }
        procent.oninput = function() {
            finalNum.innerHTML = num.value * this.value / 100;
    }
}
 
 
window.onload = function() {
    paste('cost',summa(cost));
    paste('all',summa(all));
    paste('procent',procentTotal_Cost(summa(all),summa(cost)) + '%');
    paste('total',summa(total));
    writeMasData('cost',cost);
    writeMasData('all',all);
    writeMasData('total',total);
    writeMasDataPr('procent',procent);
    countData(0.16);
}
Добавлено через 38 секунд
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<tr id="row_0">
        <td>1</td>
        <td class="left">ЗЕМЛЯННЫЕ РАБОТЫ</td>
        <td><input type="text" id="number" size="2"></td>
        <td><input type="text" id="percent" size="2"></td>
        <td><input type="text" id="result" size="2"></td>
        <td><input type="text" size="2"></td>
        <td><input type="text" size="2"></td>
        <td><input type="text" size="2"></td>
        <td><input type="text" size="2"></td>
        <td><input type="text" size="2"></td>
        <td><input type="text" size="2"></td>
        <td><input type="text" size="2"></td>
        <td><input type="text" size="2"></td>
        <td><input type="text" size="2"></td>
        <td rowspan="2" id="cost_0"></td>
        <td rowspan="2" id="all_0"></td>
        <td rowspan="2" id="procent_0"></td>
        <td rowspan="2" id="total_0"></td>
    </tr>
    <tr id="row_1">
        <td></td>
        <td class="left">СУММА</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
Добавлено через 1 минуту
Вот в принципе вся относящаяся к этому скрипту часть, в дальнейшем этот скрипт будет применён к каждой ячейке, общее количество строк 51
0
Vladislav WebDev
324 / 214 / 97
Регистрация: 04.11.2012
Сообщений: 638
22.12.2014, 13:13 6
Лучший ответ Сообщение было отмечено Влад Громов как решение

Решение

Влад Громов, я не совсем понимаю что вам нужно, но у вас ерунда в js коде. попробуйте так:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function countData(dataOne) {
        var procent = document.getElementById('row_0').cells[2].getElementsByTagName('input')[0];
        var finalNum = document.getElementById('row_1').cells[2];
        finalNum.innerHTML = dataOne;
 
        procent.oninput = function() {
            finalNum.innerHTML = dataOne * this.value / 100;
    }
}
 
 
window.onload = function() {
    paste('cost',summa(cost));
    paste('all',summa(all));
    paste('procent',procentTotal_Cost(summa(all),summa(cost)) + '%');
    paste('total',summa(total));
    writeMasData('cost',cost);
    writeMasData('all',all);
    writeMasData('total',total);
    writeMasDataPr('procent',procent);
    countData(0.16);
}
1
22.12.2014, 13:13
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
22.12.2014, 13:13

Напишите программу, в которой использовалась бы функция, возвращающая процент от заданного числа
Напишите программу, в которой использовалась бы функция, возвращающая процент...

Вывести на экран список кафедр заданного факультета,у которых процент остепененности преподавателей не превышает 50%
Вывести на экран список кафедр заданного факультета,у которых процент...

Написать программу, которая предлагает пользователю ввести 10 чисел, вычисляет процент положительных и отрицательных чисел и процент нулей и выводи
помогите =) написать программу, которая предлагает пользователю ввести 10...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru