Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Kira09
0 / 0 / 0
Регистрация: 18.12.2010
Сообщений: 22
#1

Взаимодействие с пользователем

16.03.2015, 23:09. Просмотров 464. Ответов 1
Метки нет (Все метки)

Здравствуйте! Я новичок в языке Java Script, но пытаюсь написать небольшое web - приложение, которое с помощью задаваемых пользователем значений сможет построить прямоугольную область с указанными пользователем параметров. Столкнулась с проблемой: не могу понять, как описать функцию, чтобы при нажатии на кнопку "Построить" выстраивался прямоугольник. Подскажите, пожалуйста, как можно реализовать это.

Вот пример кода и ниже картинка формы:

<script>
window.onload = function() {
var c_canvas = document.getElementById("c");
var c_context = c_canvas.getContext("2d");
c_context.fillRect(50, 25, 150, 100);
function rect() {
var s_canvas = document.getElementById("s");
var s_context = s_canvas.getContext("2d");
s_context.fillRect(15, 25, x1.value, y1.value);
}

</script>
</head>
<body>
<div id="g">
<h2>Шаг 1 </h2>
<p>Введите размер: Длина, м: <input id="x1" size= "5">
Ширина, м:<input id="y1" size= "5">
<input type ="button" id="OK" value="Построить" size= "33" onclick="rect()"></p>
<canvas id="s" width= x1.value height= y1.value></canvas>
<canvas id="c" width="500" height="375">
</canvas>
</div>

</body>

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Миниатюры
Взаимодействие с пользователем  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.03.2015, 23:09
Ответы с готовыми решениями:

Взаимодействие с пользователем средствами JS
Возникла следующая ситуация и вытекающий из неё вопрос: Имеется приложение,...

Взаимодействие 2-х юзеров
Пример: 1 юзер жмет на кнопку а у второго в этот же момент вылетает сообщение...

Js и взаимодействие фреймов???
Есть два фрейма А и В. В фрейм А грузится моя страница - там я хозяин. В фрейм...

Взаимодействие окон/вкладок
Доброго времени суток! var playedMusic= null, music =...

Взаимодействие Select и JavaScript
Всем привет! Можно ли написать такую функцию на JavaScript, что бы она рисовала...

1
Опан
Юзер с абсолютным слухом
564 / 375 / 154
Регистрация: 17.12.2010
Сообщений: 1,134
18.03.2015, 01:30 #2
Всего лишь закрыть скобку у функции window.onload и будет работать. А вот width= x1.value height= y1.value написано синтаксически неправильно, к тому же в момент загузки страницы эти поля еще пусты. Так что, эти атрибуты можно просто убрать.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
18.03.2015, 01:30

взаимодействие объектов в ООП
Здравствуйте! Столкнулся с серьёзной проблемой: имеется несколько...

Взаимодействие между фреймами
&lt;html&gt; &lt;head&gt; &lt;LINK rel=&quot;stylesheet&quot; href=&quot;skins/default/default.css&quot;...

Взаимодействие между фреймами
Требуется при загрузке одного фрейма загрузить новую страницу в другой. В...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru