Айнур Ярулин

В вашем примере так и будет. Очевидно, что мало информации вы привели.

Из документации socket.io (отправка сообщений)

// отправить текущему сокету сформировавшему запрос (туда откуда пришла)
socket.emit('message', "this is a test");

// отправить всем пользователям, включая отправителя
io.sockets.emit('message', "this is a test");

// отправить всем, кроме отправителя
socket.broadcast.emit('message', "this is a test");

// отправить всем клиентам в комнате (канале) 'game', кроме отправителя
socket.broadcast.to('game').emit('message', 'nice game');

// отправить всем клиентам в комнате (канале) 'game', включая отправителя
io.sockets.in('game').emit('message', 'cool game');

// отправить конкретному сокету, по socketid
io.sockets.socket(socketid).emit('message', 'for your eyes only');

Хранить все в базе данных и раздавать пользователям) все просто

$('input').on('focus', function(){
  $(this).parents('.input').addClass('focus');
});

$('input').on('blur', function(){
  $(this).parents('.input').removeClass('focus');
});

.input:focus-within {
  border: ...
}

Как-то так:

const userSchema = new Schema({
    login: {
        type: String,
        required: true
    },
    email: {
        type: String,
        required: true
    },
    password: {
        type: String,
        required: true
    },
    referrals: [{
      type: Schema.Types.ObjectId,
      ref: 'User',
    }]
})

referrer.update({
    $push: {
        referrals: user._id
    }
})

router.get(`/signup/ref/?ref=???`, (req, res) => {
     console.log(req.query.ref)
})

expressjs.com/uk/api.html#req.query

https://www.geeksforgeeks.org/express-js-req-param...

router.get(`/signup/ref/:ref`, (req, res) => {
     console.log(req.params.ref)
})

есть два основных способа:
1. запросить данные с фронта по http с помощью XMLHttpRequest или Fetch. Для этого способа необходимо иметь на сервере ендпоинт, умеющий формировать и отправлять данные на соответствующий ему запрос.
2. отправить данные по желанию сервера по заранее установленному клиентом websocket соединению. Для этого способа существует множество различных подходов, например:
- самый простой (но не лучший). На клиенте стоит слушатель приходящих по ws собщений, который их парсит и определяет что же с ними делать дальше
- более сложный в реализации. Шина событий, которую организовываете сами (или с использованием сторонних библиотек) (может быть организована и на ws и даже на http) В этом случае вы на сервере (или на клиенте) вызываете событие ws.emit("имя события", данные) а на противоположной стороне ловите это событие ws.on(ws.emit("имя события", (данные)=>{ тут обрабатываете полученные данные}).
- более сложный в реализации. Та же шина событий, но с возможностью создания чегото типа каналов, на которые можно подписывать определенные группы клиентов)

const vmax = element => {
    const rect = element.getBoundingClientRect();
    const denominator = Math.max(innerWidth, innerHeight);

    return {
        width: (rect.width / denominator) * 100,
        height: (rect.height / denominator) * 100
    }
};

Только надо добавлять box-sizing: border-box; чтобы ширина/высота блока корректно высчитывалась в CSS.

const wrapper = document.querySelector('.wrapper')
let index = 8
let div = document.createElement('div')
div.textContent = index

wrapper.append(div)

Просто используйте https://developer.mozilla.org/ru/docs/Web/API/Elem...

var myVar = 'Моя переменная';
var element = document.createElement('div');
element.innerHTML = myVar;

либо можете переделать свой код вот так

var myVar = 'Моя переменная';
элемент.innerHTML = '<div>' + myVar + '</div>';

Только не забудьте что переменная должна быть строкой.

Нужно экранировать переменную просто:
element.innerHTML = '<div>'+peremenaya+'</div>';

Делается через медиазпрос в CSS.

@media (orientation: portrait) {

}