Алексей Юдов

Ответ.

...
        urlGoogle: 'www.google.com' // <- все до безобразия просто. Переменная неправильно названа.

Можно вот так это сделать. Но так как у вас нет своих вариантов, этот может не подойти

1 In the Settings/Preferences dialog (Ctrl+Alt+S), click Code Style under Editor, and then click JavaScript or TypeScript.

2 Use the controls on the Imports tab to customize the appearance of import statements.

In the Settings/Preferences dialog (Ctrl+Alt+S), click Code Style under Editor, and then click JavaScript or TypeScript.

https://www.jetbrains.com/help/webstorm/creating-a...

На самом деле используя ES6 можно ваш код сделать очень красивым. Так что ловите решение

У вас неправильно записано......... так не записывают элементы в массиве.
Вот ссылка как правильно

и код на всякий

let obj = {
		    	'nameOneItem' : 'Name one',
		    	'nameTwoItem' : 'Name two'
	    	};
		
		$('button').click(function() {
			for(let key in arr){
				console.log(arr[key])
			}
		});

Либо писать свой переводчик.
Либо, я так понял вам нужен транслит, значит пишите функцию для транслита или скопипастите где нибудь, их в инете много.
А если нужен движок для переводов, то используете чужое API. Например, Google

Функция одностороннего транслита, обратный транслит делаете таким же образом.
https://javascript.ru/forum/misc/20427-funkciya-tr...

Вот ссылка на викторину. Она работает почти по вашему сценарию, но там я делал чисто тестом.
Если что то захотите исправить, там все расписано, не заблудитесь. Надеюсь что это будет ответом на вашу задачу.

https://jsfiddle.net/TCLoud/bqn3hj1p/24/

Ответ.

var yourArray = ["One", "Ten", "Hundred", "Two"];

yourArray.map( item => {
  console.log(item)
} )

В смысле? Как PHP должен понять что вы там на Фронтенде накликали??! Для чекбоксов используете объект JavaScript и сохраняете в этот объект ID тех записей которые отмечены чекбоксом. После ассинхронным запросом передаете сериализованный объект в PHP, через POST, так как в GET может что то не влезть, будете "мучаться" потом, разбираясь в основах http.

Потому что нужно экранировать спец символы, иначе браузер будет себя вести как в вашем случае. Вот символы которые надо подставить вместо <, >: "&gt"; и "&lt";

На JavaScript никак. Если у вас локальный сервер, то с файлами работает ваш php. Хотя по приколу можно апплет написать. Для его работы с файлами и компонентом input[type=file] существует директория для временных файлов. В зависимости от вашего сервера nginx/express/etc. найдите эту директорию в корневом каталоге сервера или загуглите где она. Там сохраняются ваши временные файлы. Как работать с временными файлами тоже почитайте. Однако, так как вам надо обрабатывать onchange, то и об AJAX почитайте. Все это у вас займет 1-2 дня разобраться если вы новичок. а потом можно смело пытаться плодить костыли и уже с ними идти сюда.

Работа с файлами и офф документация
Работа с AJAX. Так же учебник в зубы и конечно же офф док.
Два дня даже долго будет. Все равно удачи :D

Попробуй свой чудо код переписать вот так. И сделай трассировку.

$('.graph_period').on('submit', function(e) {
      e.preventDefault();
      $.ajax({
      	
      	data: $(this).serialize(),
        url: '/admin/statistic',
        type: 'get',
        dataType: 'script',
        success: function ( data )  
        {
        	console.log( data );
        },
        error: function ( error )
        {
        	console.log( error );
        }

      });
    }

p.innerHTML += arr[i];
Ответ.

Поле type есть, уже хорошо. Теперь можно сделать функцию "switcher" из оперы "switch case", пусть уже она запускает функции, в зависимости от значения поля type.

$(".your-div").text("your text");

// очень просто
let myVar = 15;

// На qwerty раскладке символ кавычек на клавише "ё", а внутри такой строки вот такая конструкиця ${  }
$( `.holder:nth-child( ${ myVar } )` ).addClass('active');

Позиционирование:
1. FLEX-BOX
В вашем случае можно к контейнеру слайдера применить

.ctx {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

2. Старый добрый margin: 0 auto;

Что касается переключения слайдов
Используйте функцию js setInterval( function, delay )
Exp:

function showSlide(  )
{
  // типо показали слайд, с заказчиком такое не прокатит ;)
  console.log( "slider is shown" );
}


setInterval( function () {
  showSlide();
}, 3000 ); // Вызывает функцию showSlide() каждые 3 секунды ( задержку пишем в мс )

Найдите другой способ присваивания ID. Эта функция может вам 10 раз подряд выдать число 7 и увас будет 10 пользователей с единым ID.

var id=Math.floor(Math.random() *100)+50; // id пользователя равняется рандомному целому числу

Можете уточнить что вы хотите синхронизировать, я имею ввиду к какому конечному результату вы стремитесь?

Ваша функция вызывается один раз пр прочтении документа. Почитайте что такое EventListiner или просто сделайте обработчик on('click')

Может сработать
.img-class{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url('my image.jpg');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}