Показать сообщение отдельно
  #4 (permalink)  
Старый 27.10.2015, 10:56
Аватар для EmperioAf
Профессор
Отправить личное сообщение для EmperioAf Посмотреть профиль Найти все сообщения от EmperioAf
 
Регистрация: 15.01.2015
Сообщений: 622

Сообщение от Anlix
Можно пожалуйста пример?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ГГ</title>
<style>

* {
  margin:0;
  padding: 0;
  outline: none;
}

label {
  display: block;
  padding: 20px;
  margin: 20px;
  border: 1px solid red;
}

</style>
</head>
<body>
<label for="x">Введите x:  <input type="text" id="x"></label>
<label for="alpha">Введите alpha:  <input type="text" id="alpha"></label>
<label for="v0">Введите v0:  <input type="text" id="v0"></label>
<label for="resultx">Результат: x <input type="text" id="resultx"></label>
<label for="resulty">Результат: y <input type="text" id="resulty"></label>
<button>Посчитать</button>
<script>
document.querySelector('button').onclick = function(){
  var x = document.getElementById('x').value;
  var alpha = document.getElementById('alpha').value;
  var v0 = document.getElementById('v0').value;
  var resultxElem = document.getElementById('resultx');
  var resultyElem = document.getElementById('resulty');

  var resulty = x*Math.tan(alpha) - 10/(2*v0*Math.cos(alpha));
  var resultx = (v0*v0/10)*Math.sin(2*alpha);
  resultxElem.value = resultx;
  resultyElem.value = resulty;
}
</script>
</body>
</html>
Ответить с цитированием