Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.01.2016, 14:41
Интересующийся
Отправить личное сообщение для Rustam97 Посмотреть профиль Найти все сообщения от Rustam97
 
Регистрация: 22.01.2016
Сообщений: 22

Важно. Нужен функциональный круг на JavaScript
Есть формула расчёта....Нужно чтобы круг на Java script
<style>
.circle{
border-radius: 100%;
background: red;
width: 100px;
height: 100px;
}
</style>
<div class="circle"></div>

Был функционален...есть формула расчёта. Она снизу. Теперь сама задача, радиус круга должен братся с результата нижней формулы. Тоесть внизу результат равен 15 то радиус круга должен быть 15px
function Calc(){ 
	var a1 = document.getElementById("a1").value; //сохраняем в переменные значения полей формы
	var a2 = document.getElementById("a2").value;
	var a3 = document.getElementById("a3").value;
	var a4 = document.getElementById("a4").value;
	var a5 = document.getElementById("a5").value;
	var a6 = document.getElementById("a6").value;
	var a7 = document.getElementById("a7").value;
	var a8 = document.getElementById("a8").value;
	var a9 = document.getElementById("a9").value;
	var a10 = document.getElementById("a10").value;
	var a11 = document.getElementById("a11").value;
	var a12 = document.getElementById("a12").value;
	var a13 = document.getElementById("a13").value;
	var a14 = document.getElementById("a14").value;
	result = (a1 * a2 * a3 * Math.pow(a4,2) * a5 * a6 * Math.pow(a7,2) * a8) / (a9 * a10 * Math.pow(a11,2) * a12 * a13 * Math.pow(a14,2)); //считаем результат согласно формуле. 
	//Math.pow возводит переменную в степень 2
	document.getElementById("result").innerHTML = 'Результат: <b>' + result + '</b>'; //внутрь <div id="result"> выводим результат вычислений
	}

Буду очень очень блогодарен.

Последний раз редактировалось Rustam97, 22.01.2016 в 14:44.
Ответить с цитированием
  #2 (permalink)  
Старый 22.01.2016, 15:28
Интересующийся
Отправить личное сообщение для Rustam97 Посмотреть профиль Найти все сообщения от Rustam97
 
Регистрация: 22.01.2016
Сообщений: 22

Как привязать круг
Как привязать круг к данной формуле?
Ответить с цитированием
  #3 (permalink)  
Старый 22.01.2016, 19:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Rustam97,
наверно вас никто не понимает
Ответить с цитированием
  #4 (permalink)  
Старый 22.01.2016, 19:34
Аватар для DynkanMaclaud
Профессор
Отправить личное сообщение для DynkanMaclaud Посмотреть профиль Найти все сообщения от DynkanMaclaud
 
Регистрация: 08.08.2014
Сообщений: 261

Rustam97,
function Calc(){ 
	var a1 = document.getElementById("a1").value; //сохраняем в переменные значения полей формы
	var a2 = document.getElementById("a2").value;
	var a3 = document.getElementById("a3").value;
	var a4 = document.getElementById("a4").value;
	var a5 = document.getElementById("a5").value;
	var a6 = document.getElementById("a6").value;
	var a7 = document.getElementById("a7").value;
	var a8 = document.getElementById("a8").value;
	var a9 = document.getElementById("a9").value;
	var a10 = document.getElementById("a10").value;
	var a11 = document.getElementById("a11").value;
	var a12 = document.getElementById("a12").value;
	var a13 = document.getElementById("a13").value;
	var a14 = document.getElementById("a14").value;
	result = (a1 * a2 * a3 * Math.pow(a4,2) * a5 * a6 * Math.pow(a7,2) * a8) / (a9 * a10 * Math.pow(a11,2) * a12 * a13 * Math.pow(a14,2)); //считаем результат согласно формуле. 
	//Math.pow возводит переменную в степень 2
	document.getElementById("result").innerHTML = 'Результат: <b>' + result + '</b>'; //внутрь <div id="result"> выводим результат вычислений

var getCircle = document.querySelectorAll('.circle');

for(var i=0; i<getCircle.length; i++) {


getCircle[i].style.cssText = 'width:'+result+'px;height:'+result+'px';

}

	}
Ответить с цитированием
  #5 (permalink)  
Старый 22.01.2016, 19:41
Аватар для DynkanMaclaud
Профессор
Отправить личное сообщение для DynkanMaclaud Посмотреть профиль Найти все сообщения от DynkanMaclaud
 
Регистрация: 08.08.2014
Сообщений: 261

Rustam97,
Оптимизируйте свой код, зачем каждому инпуту id вешать, закиньте их в класс, проходите по классу циклом и получайте из каждого элемента значение value, затем это значение заносите в массив, а уже потом при составлении формулы получайте данные из массива как
result = (mas[0] * mas[1] * mas[2] * Math.pow(mas[3],2) * mas[4] * mas[5] * Math.pow(mas[6],2) * mas[7]) / (mas[8] * mas[9] * Math.pow(mas[10],2) * mas[11] * mas[12]* Math.pow(mas[13],2)); //считаем результат согласно формуле.
Ответить с цитированием
  #6 (permalink)  
Старый 23.01.2016, 03:24
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

В принципе, точно так же мон наращивать меременную ID

Вариант куска функции
function Calc(){
  var arr = [];

  for(var i=1;i<15;i++) arr[i] = document.getElementById("a"+i).value;

  var a = arr[1]*arr[2]*arr[3]*Math.pow(arr[4],2)*arr[5]*arr[6]*Math.pow(arr[7],2)* arr[8];

  var b = arr[9]*arr[10]*Math.pow(arr[11],2)*arr[12]*arr[13]*Math.pow(arr[14],2);

  var result = a/b;
}
Ответить с цитированием
  #7 (permalink)  
Старый 23.01.2016, 07:43
Интересующийся
Отправить личное сообщение для Rustam97 Посмотреть профиль Найти все сообщения от Rustam97
 
Регистрация: 22.01.2016
Сообщений: 22

Спасибо большое) Получилось, очень вам благодарен .
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужен программист JavaScript (удалённо) Carolina Работа 5 29.10.2011 10:24
Нужен календарь на javascript. Где взять? javascript_pupil Общие вопросы Javascript 8 07.10.2011 18:34
Нужен javascript или нет? 0931454574 (X)HTML/CSS 11 09.09.2011 00:32
Компании Яндекс нужен Javascript гуру Yandex Работа 17 16.12.2008 16:46
Нужен Старший разработчик JavaScript Yandex Работа 17 19.08.2008 16:43