Даниил Попов

Установите :value="curren" и получайте от него все, что нужно

Примерчик https://jsfiddle.net/groog/L63yk01u/4/

Так вы же не привязываете входные значения вот они и не подставляются. Вот так все работает.

<input type="text" class="form-control" @input="onInput(index, $event)"  :value="guests[index]">

А в чем проблема с v-model? Почему не через него?

Произошло это потому, что vue минимизирует изменения в DOM, а вы никак не указали, что вам нужно именно это поле. Решения 2: либо как я выше указал, задавать значение для поля, либо использовать уникальные ключи

То, что сейчас у нас написано, скрывает псевдоэлемент ::after при наведении. Как я понял понял, вы хотите прятать один элемент при наведении на другой, верно?

Вот пример, как это можно организовать (наведите мышь на крестик):
https://codepen.io/groog/pen/XWbJaPJ

По поводу Sass и Less: это препроцессоры, они не дают вам новые методы влияния на разметку, которые не предусмотрены в самом CSS. Они о другом.

Скорее всего, ваша ошибка описана здесь:
Подробно о реактивности

document.querySelector(".img_container").querySelectorAll("img").forEach(function(img){
  img.id = img.getAttribute("alt");
})

Относительно вашего примера:

Оберните всё в блок и присвойте ему два свойства

position: relative;
height: 100%;

А для того чтобы избежать пробела снизу при высоком экране и недостатке контента, добавьте еще

min-height: 100vh;

https://jsfiddle.net/groog/e30nchas/16/

1.
+ Текст масштабируется с изменение размера экрана
- Текст масштабируется с изменение размера экрана
Такое нужно когда на резиновом сайте необходимо, чтобы текст был пропорционального размера к блоку.
Придется делать много медиа запросов, чтобы в целом у вас все смотрелось хорошо, но все есть шанс наткнуться на конфигурацию экрана, когда смотреться будет плохо
2.
Для всех сложно сделать, чтобы было хорошо. На узких экранах vw будет давать мелкий текст, на слишком широких vw даст огромный текст и пр. Много разного выплывает.
3.
В calc при умножении и делении второй аргумент должен быть числом.

Вот пример текста с относительными размерами:
https://codepen.io/groog/pen/XeLJxX

Вот еще один пример:
https://jsfiddle.net/groog/gch4mw1d/6/
Поиграйте размером экрана и посмотрите на текст

element.classList.toggle()
https://developer.mozilla.org/en-US/docs/Web/API/E...

Вот вам даже пример:
Ссылка

Пример использования

const container = document.querySelector(".container");

container.onclick = function(){
	container.classList.toggle("container_color_red");
}

Исходные данные

var a = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49];
var n = 4;
var result;

Вариант, если последний элемент может быть любого размера

result = Array(Math.ceil(a.length / 4)).fill(0).map( (v, i) => a.slice(i*n, (i+1)*n) );

Вариант, если последний элемент должен быть фиксированного размера

result = Array(Math.ceil(a.length / 4)).fill(0).map( (v, i, array) => ( l = a.slice(i*n, (i+1)*n) ).concat( Array( Math.max(0, n - l.length) ).fill(0) ) );

Попробовать на JSFiddle

Смотря какого вида запись вам требуется.

В математике вот так:



В JS можно написать так:

y = 4*(x>6) || 2*(x>=3) || 0

Вариантов масса

Поставьте обработчик onchange на ползунок и по значению меняйте CSS свойство "transform: rotate()" (значения в градусах, например transform: rotate(15deg)");

А я вам тут еще примерчик состряпал:
https://jsfiddle.net/a3678ogp/19/

rowCode - это ваш JS скрипт

var rowCode = "var i = 12; var b = 10; var c = (i + b) * 2;";
var re = new RegExp("(\\-?\\d+)","g"); /* учитывает знак числа (отрицательное или положительное) */
/* var re = new RegExp("(\\d+)","g");  \\ не учитывает знак числа (сумма по абсолютному значению) */
var nums = rowCode.match(re);
var result;

if(nums){
	
  result = nums.reduce(function(sum, num){
  	return sum += +num;
  },0);
  
	console.log("Сумма чисел: " + result);
  
} else {

	console.log("Чисел нет");
  
}

Тоже самое на JSFiddle