Координатная сетка
Нужно сделать координатную сетку и 2 поля для того чтобы задавать координаты, и на сетке должна выделяться точка с этими координатами. Диапазон значений по X и по У тоже должен задаваться пользователем
всё это должно быть на странице сайта я в этом новичок. поэтому совсем не знаю с чего начать и что делать:-( |
Экран - это координатная сетка. Пиксельная. Какие проблемы?
|
Держи такое начало, остальное
<body style="width: 100%; height: 100%;">
<div style="position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: green; border-radius: 5"></div>
X: <input><br>
Y: <input>
<script>
window.onload = function () {
var elems = document.body.children;
var point = elems[0]
var fieldX = elems[1];
var fieldY = elems[3];
fieldX.onkeyup = function () {
point.style.left = this.value + 'px';
}
fieldY.onkeyup = function () {
point.style.top = this.value + 'px';
}
}
</script>
|
| Часовой пояс GMT +3, время: 10:07. |