setInterval(c, delay(count));
var array = ["1","2","3"];
var delay = function(arg){
console.log(arg)
if(arg === 0) return 6000;
if(arg === 1) return 10000;
if(arg === 2) return 4500;
};
var count = 0
function c(){
count++;
if(count > 2) count = 0;
setTimeout(c, delay(count));
}
если длинна моего значения больше (например) трех
то переключаем фокус на следующее поле
иначе
ничего не делаем
res = var1 + var2 + var3
<div id="app">
<input @keyup="changeInput($event, 1)" ref="input_1" :value="inputs[0]" :maxlength="maxlength">
<input @keyup="changeInput($event, 2)" ref="input_2" :value="inputs[1]" :maxlength="maxlength">
<input @keyup="changeInput($event, 3)" ref="input_3" :value="inputs[2]" :maxlength="maxlength">
<div>
<span>{{ resultInputs }}</span>
</div>
</div>
new Vue({
el: "#app",
data: {
maxlength: 10,
inputs: ['', '', '']
},
methods: {
changeInput: function(event, input){
var val = event.target.value;
if(val.length >= this.maxlength) {
var next = this.$refs['input_' + (input+1)];
if(next) {
next.focus();
} else {
event.preventDefault();
}
}
this.$set(this.inputs, input-1, val);
}
},
computed: {
resultInputs: function() {
console.warn(this.inputs);
return this.inputs.join(' ');
}
}
})
arr = [{a: 1}, {a: 2}, {a: 3}];
arr.forEach(a => {
a.a++;
})
console.log(arr) // [{a: 2}, {a: 3}, {a: 4}]
arr = [{a: 1}, {a: 2}, {a: 3}];
arr.forEach(a => {
a = { a: a.a+1 };
})
console.log(arr) // Тут все по старому
arr = [1,2,3]
arr.forEach((a, ind) => {
arr[ind]++;
})
console.log(arr) // [2,3,4]
$plus_minus_input = $('input.quantity-input').val();
$('.minus').on('click', function(){
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) - 1);
});
$('.plus').on('click', function(){
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) + 1);
});
$('#one').val()
$('#one')[0].value
var person = {
_name: 'Ivan'
}
Object.defineProperty(person, 'name' , {
get: function(){
console.log(this._name);
return this._name
//так же ставлю set
}
})
@media only screen and (max-width: 767px)
.single-featured-image-header img {
margin-top: -22px;
}