Последние записи

made in programmersforum 7

Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk

Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw

3rd
Авг

Связать объект с формой

Posted by micher under JavaScript

Как связать объект с формой?

Fenex

Постановка вопроса сразу наталкивает на модель MVC. Тут AngularJS и т.п. вещи подходят.

JS only:


<html>
<head><title></title>
<script>
function filter(value) {
document.getElementById('output').innerHTML =  value / 1000;
}
</script>
</head>
<body>
<div id="output"></div>
<input type="text" onkeyup="filter(this.value)" />
</body>
</html>

Framework AngularJS:


<html>
<head><title></title></head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<script> angular.module('mod', [])
.filter('my_filter', function() {
return function(input) {
return input / 1000; 	}
})
</script>
<body ng-app="mod">
<div>{{num | my_filter}}</div>
<input type="text" ng-init="num = 1000;" ng-model="num"/>
</body>
</html>