Как правильно рассчитать процент?

@drow007 · Регистрация: 14.09.2013

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

Здравствуйте, есть готовый javascript, JS я не учил, поэтому не бейте сильно за лёгкий вопрос.

JavaScript
1
<form onsubmit="return false" oninput="document.getElementById('o7').innerHTML = (1 - parseFloat(document.getElementById('v7').value) / 100) * parseFloat(document.getElementById('a7').value)"><output id="o7"></output> <input id="a7" type="text" step="any">  <input id="v7" type="text" step="any">%</form>

Как правильно задать элементу ID v7 фиксированный процент? К примеру: 5%?

@arcmag · 30.04.2015, 20:09

Процент от ЧЕГО?!

Я конечно наверное скажу глупость но...
задать высоту или ширину блока в процентах (относительно родительского блока) можно при помощи CSS и совсем не обязательно для этого JS напрягать

CSS
1
2
3
4
#v7{
    width:5%;
    height:5%;
}

@drow007 · 30.04.2015, 20:56 **[ТС]**

arcmag, Я имел ввиду обчисление, ява скрипт создает два инпута a7 и v7, в а7 - указывается число, а v7 - процент и на выходе все это дело показывает o7, как задать элементу V7 фиксированный процент?

@arcmag · 30.04.2015, 21:18

Я немножко не понял пару моментов...

1) в а7 - указывается число - число чего? Просто число любое допустим 25 или 120? Или может вы имеете в виду число от 1 до 100 как бы обозначающее количество процентов?
2) а v7 - процент - процент это как бы символ % или что то другое? или это число от 1 до 100 как бы обозначающее количество процентов (тогда что вообще должно быть в первом блоке???? зачем он?)?
3) на выходе все это дело показывает o7 - какое дело? Там что то нужно сложить перемножить или что? Что там должно вывестись?
4) фиксированный процент - фиксированный процент?? хммм..

В принципе я просто ВООБЩЕ не могу понять вашу задачу, давайте так...

Вы мне показываете допустим

в первом блоке такая строка - "ваша строка"
во втором другая - "ваша строка2"
и в третьем блоке должен быть такой то результат который вам нужен - "требуемый результат"

короче покажите как это должно выглядеть и может я смогу понять о чем вы говорите...

@drow007 · 30.04.2015, 21:29 **[ТС]**

arcmag, в a7 указывается число (0 -100), в v7 - процент (0 - 100), делается обчисление уменьшения числа на заданный процент, все дело это ява скрипт считает и показывает в o7, мне надо, скрыть v7 (type="hidden") и указать там свой процент, чтобы пользователь просто вводил сумму в поле a7 и происходило уменьшения числа на заданный мною фиксированный процент (к примеру 5%) и все это показывалось в o7.

@arcmag · 30.04.2015, 21:57

Ну хз, я старался разобрать ту кашу что вы выложили, вот что получилось...

PHP/HTML
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
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function hz(){
    var ch1 = document.getElementById("ch1").value, 
        ch2 = document.getElementById("ch2").value,
        ch3 = document.getElementById("ch3").value;
    var oneRate =  ch1/100;
    document.getElementById("result").innerHTML = ch1-(ch2*oneRate);  //все дело это ява скрипт считает и показывает в o7
    document.getElementById("result2").innerHTML = ch1-(ch3*oneRate);  //все дело это ява скрипт считает и показывает в o7
}
</script>
</head>
<style>
label, input[type="button"]{display:block; margin:5px;}
</style>
<body>
<label>число = <input type="text" id="ch1" /></label> <!--указывается число (0 -100)-->
<label>процент = <input type="text" id="ch2" /></label> <!--процент (0 - 100)-->
<label>результат вычитания указанного во втором поле процента = <span id="result"></span></label>
<label>(или) результат вычитания скрытого "фиксированного" процента (5%) = <span id="result2"></span></label> <!--уменьшения числа на заданный мною фиксированный процент (к примеру 5%)-->
<input type="button" value="Считать"  onclick="hz()"/>
<input type="hidden" value="5" id="ch3" /> <!--мне надо, скрыть v7 (type="hidden") и указать там свой процент-->
</body>
</html>

@drow007 · 30.04.2015, 22:01 **[ТС]**

HTML5
1
2
3
4
5
6
7
<form onsubmit="return false" oninput="document.getElementById('o7').innerHTML = (1 - parseFloat(document.getElementById('v7').value) / 100) * parseFloat(document.getElementById('a7').value)">
 
<output id="o7"></output> 
 
<input id="a7" type="text" step="any">  <input id="v7" type="text" step="any">%
 
</form>

Вот тут готовое мое решение, кроме одного: как здесь, блин, указать свой процент в элементе v7, чтобы юзер не вводил его!

@arcmag · 30.04.2015, 22:11

если вы хотите что бы по умолчанию в поле с процентами находилось то значение которое находится в скрытом поле аля "фиксированный" процент то вот так можно...

JavaScript
1
2
3
window.addEventListener("load",function(){
    document.querySelector("#ch2").value = document.getElementById("ch3").value; // получаем значение value из скрытого поля и записываем его в поле процента
});

HTML5
1
2
3
<label>число = <input type="text" id="ch1" value=''/></label> <!--указывается число (0 -100)-->
<label>процент = <input type="text" id="ch2" /></label> <!--поле процента (получаем из скрытого поля)-->
<input type="hidden" value="15" id="ch3" /> <!--скрытое поле-->

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@drow007 0 / 0 / 0 Регистрация: 14.09.2013 Сообщений: 37
	30.04.2015, 20:56 [ТС]
	arcmag, Я имел ввиду обчисление, ява скрипт создает два инпута a7 и v7, в а7 - указывается число, а v7 - процент и на выходе все это дело показывает o7, как задать элементу V7 фиксированный процент? 0

@arcmag 347 / 322 / 203 Регистрация: 27.06.2014 Сообщений: 762
	30.04.2015, 21:18
	Я немножко не понял пару моментов... 1) в а7 - указывается число - число чего? Просто число любое допустим 25 или 120? Или может вы имеете в виду число от 1 до 100 как бы обозначающее количество процентов? 2) а v7 - процент - процент это как бы символ % или что то другое? или это число от 1 до 100 как бы обозначающее количество процентов (тогда что вообще должно быть в первом блоке???? зачем он?)? 3) на выходе все это дело показывает o7 - какое дело? Там что то нужно сложить перемножить или что? Что там должно вывестись? 4) фиксированный процент - фиксированный процент?? хммм.. В принципе я просто ВООБЩЕ не могу понять вашу задачу, давайте так... Вы мне показываете допустим в первом блоке такая строка - "ваша строка" во втором другая - "ваша строка2" и в третьем блоке должен быть такой то результат который вам нужен - "требуемый результат" короче покажите как это должно выглядеть и может я смогу понять о чем вы говорите... 0

@drow007 0 / 0 / 0 Регистрация: 14.09.2013 Сообщений: 37
	30.04.2015, 21:29 [ТС]
	arcmag, в a7 указывается число (0 -100), в v7 - процент (0 - 100), делается обчисление уменьшения числа на заданный процент, все дело это ява скрипт считает и показывает в o7, мне надо, скрыть v7 (type="hidden") и указать там свой процент, чтобы пользователь просто вводил сумму в поле a7 и происходило уменьшения числа на заданный мною фиксированный процент (к примеру 5%) и все это показывалось в o7. 0

Как правильно рассчитать процент?

Решение