Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Кнопка и prompt


Автор: iamtryingsmthnew 21.3.2012, 13:37
Всем доброго дня,

изучаю Javascript примерно день-два... и появился такй вопрос. Нужно сделать чтобы на экране выводилась кнопка. По нажатию на эту кнопку выскакивали 2 окна prompt (один за другим конечно), куда мы вводим стороны прямоугольника. После чего под кнопкой выводится строка где пишет "площа прямоугольника равно столькото". Когда мы нажимаем в следующий раз на эту кнопку (не обновляя страницу) опять вылетають 2 окна prompt, куда мы в очередной раз вводим значения. После того как мы ввели значения - в строке под кнопкой обновляется значение площи на новое. Как такое сделать?

Вот есть код, который пробовал писать (тут при нажатие на кнопу вводиш значения, но оно не считает площу):
Код

<p> <button onclick="calculator.readValues();">set values!</button>    </p>
<script type="text/javascript">

var calculator = {

  mul: function() {
    return this.a * this.b;
  },

  readValues: function() {
    this.a = +prompt('a?', 0);
    this.b = +prompt('b?', 0);

  }
}


document.write('<span style="border: 1px solid; background-color:red">' + 'Square of rectangle: ' + calculator.mul() + '</span><br>');


</script>


Заранее благодарю за ответы.

Автор: iff 21.3.2012, 14:38
Код

<html>
<body>
<form>
a = <input type="text" name="a"><br>
b = <input type="text" name="b"><br>
<input type="button" onclick="document.getElementById('dout').innerText=this.form.a.value*this.form.b.value"><br>
</form>
S = <div id="dout">0</div><br>
</body>
</html>


Добавлено через 2 минуты и 3 секунды
А вот с prompt:
Код

<html>
<body>
<input type="button" onclick="document.getElementById('dout').innerText=prompt('a =')*prompt('b =')"><br>
S = <div id="dout">0</div><br>
</body>
</html>

Автор: iamtryingsmthnew 21.3.2012, 15:29
надо: нажал кнопку - ввел значения - на экране всё та же кнопка и поле чему равна площа, когда опять жмешь кнопку - вводишь новые данные и площа обновляется на новую и т.д. 

Автор: iff 21.3.2012, 17:09
Этим требованиям отвечает мой пример.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)