Форум

Школьник2000 · #1 (**permalink**) 02.03.2016, 17:59

Привет как сделать что при воде зміних ...ізменився і сам графік? пока код такой.
<html>
<body>
Х
<form>
<p><input name="login"></p>
<p><input type="submit"></p>
</form>

A
<form>
<p><input name="login"></p>
<p><input type="submit"></p>
</form>
B
<form>
<p><input name="login"></p>
<p><input type="submit"></p>
</form>
<script type="text/javascript">
document.write(" График функции Y=a*X+b при -30 < X < 30, a=2, b=5 ");
// Задаем position:absolute в стиле для всех div
document.write(" <style>div{position:absolute}</style> ");
// w,h - ширина и высота экрана соответственно; (x0,y0)- координаты центра экрана
w=screen.width; h=screen.height;
x0=w/2; y0=h/2;
// Рисуем координатные оси с центром в (x0,y0)
for (i=1; i<w; i=i+8) document.write( " <div style='top: " +y0+ " ; left: " +i+ " '>_</div> " );
for (i=1; i<h; i=i+8) document.write( " <div style='left: " +x0+ " ; top: " +i+ " '>|</div> " );
// Назначаем коэффициенты масштабирования графика по x (kx) и y (ky)
kx= w/70; ky= h/70;
// График рисовать будем зеленым (font color=green) цветом
document.write("<font color=green>");
// В цикле по х от -30 до 30 с шагом 0.03
for ( x = - 30; x < 30; x = x + 0.03 )
{
// Рассчитываем значения y=a*x+b
var a = 2; b = 7;
y= a*x + b;
// И в соответствующем месте экрана ставим точку
document.write("<div style='left:"+(x0+kx*x)+";top:"+(y0-ky*y +3)+" '>.</div>");
}
</script>
<br>
</body>
</html>

m1lk1way · #2 (**permalink**) 12.03.2016, 19:05

для начала инпутам задать name нормальные, на субмиты вешайте обработчик, который и будет переменные обновлять. Если что-то не получается - отписывыйте сюда, будем разбиратся.
Набросал для примера.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>graph</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>
<style>
  div{
    position: absolute;
  }
</style>
<body>
<p>X</p>
<form action="">
  <input type="number" name="x"><br>
  <p>A</p>
  <input type="number" name="a"><br>
  <p>B</p>
  <input type="number" name="b"><br>
  <a href="#" class="button submit">Обновить переменные</a>
  <div></div>
</form>
<script type="text/javascript">
(function(){
  var x,a,b;
  function draw(){
    $("div").append("Введены значения: x = "+x+"; a = "+a+"; b = "+b+";");
  }
$('.submit').click(function(){
    x = $("input[name='x']").val();
    a = $("input[name='a']").val();
    b = $("input[name='b']").val();
    draw();
  });
})()
</script>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript