Разрешено ли оставлять страницы с паспортными данными пользователей открытыми?

Чинить надо, пока в суд не подали граждане из Евросоюза, например.

Разрешено ли оставлять страницы с паспортными данными пользователей открытыми?

Если пользователи давали согласие на передачу паспортных данных любым третьим лицам - то законно

Как сделать конструктор товаров?

На HTML вы не сможете сделать вышеперечисленного. Для этого нужен сервер и серверный язык, например PHP.

Как сделать проверку данных из формы на цифры и буквы на Javascript?

Наткнулся на это три года спустя)

var val=forms[form].elements[\'phone\'].value; // значение из поля формы
var regex=/[0-9]*/; // регулярное выражение - это выражение будет искать идущие в ряд цифры от 0 до 9
var matches=val.match(regex); // .match() ищет совпадения с шаблоном поиска regex и если найдёт совпадение - выпишет его в переменную matches, если нет - запишет в неё значение null
if(matches!=null && matches[0].length==val.length){
// если нашлись совпадения с выражением regex и длина совпавшего текста равна длине значения в поле формы
}else{
// если нет, то ...
}

Как сделать текст горизонтальным?

Через инспектор страницы определите селекторы классов, которые генерируются вашим js на странице и попробуйте применить к ним стиль display:inline

Как лучше сверстать список на скриншоте?

Andrew Johnson, в таком случае вам надо прописать несколько наборов стилей, типа

@media (min-width:768px){
li{width:100%;}
}
@media (min-width: 920px){
li{width: 50%;}
}

и так под каждую ширину экрана прописывать ширину контейнера li (или класса, который вы этому li добавляете)
ну и для высоты списка - надо прописать её. Если хотите адаптивной высоты - прописываете

@media (min-heigth: 720px){
   ul{min-heigth: 20vh; max-heigth: 20vh;}
   li{min-hegth: 4vh; max-heigth:4vh}
}
@media (min-heigth: 1080px){
   ul{/*свои параметры для высоты ul*/}
   li{/*свои параметры для высоты li*/}
}

vh - 1% высоты окна браузера

Для всех li - свойство display:block понадобится

Как лучше сверстать список на скриншоте?

Без флексбокса работает (bootstrap-5)

<ul class="row" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
        <li class="d-block col-sm-12 col-md-6 col-lg-4" style="padding:0px; margin:0px; box-shadow: 0px 0px 1px 0px black;">Текст</li>
    </ul>

Как запоминать открытую TAB при перезагрузке страницы (bootstrap)?

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

Не понятный border-radius hover?

border-radius забыли накрутить, у вас верхний край контент блока на hover жутковато выглядит

Не понятный border-radius hover?

так и не понял вашей идеи покажите 2 состояния, исходное и конечное, чтоли

Как запретить копировать (сохранять) файлы с сайта?

сделайте скрипт, который будет перенаправлять на ваш сайт, притом раскидайте его составные части внутри самого важного файла

но добрые люди всё-равно доберутся рано или поздно до вашего скрипта.

Как получить данные элемента при клике на вложенный элемент в соседнем блоке?

Сергей delphinpro, мне лень было изучать устройство кодпена, проще страничку в дриме создать и запустить

Как получить данные элемента при клике на вложенный элемент в соседнем блоке?

JimmyKokS, на кодпене не работает почему-то, на своём сервере запустил (удобный приём, находим общего родителя, находим дочерний элемент:

$(document).ready(function() {
  $('.btn2').click(
    function() {
// находим родителя с классом "контейнер", затем находим внутри него блок с классом "тайтл"
// забираем текст внутри него
      var $title = $(this).parents('.container').find('.title').text();

      $('.title-result').text($title);
    });
});

Как получить данные элемента при клике на вложенный элемент в соседнем блоке?

JimmyKokS, счас посмотрим

Как получить данные элемента при клике на вложенный элемент в соседнем блоке?

JimmyKokS, $this.closest('.container').find('.title').html() - вы получите объект, попробуйте
$this.closest('.container').find('.title').text() - тогда вы получите строку с текстом.

Как перенести результат html в переменную javascript?

zeni1agent,

var pip="<span>Hello World!</span>"
$("#popov").append(pip)

jquery append
Пример :

следующие два выражения будут равнозначны
$(".list").append("Тест");
$("Тест").appendTo($(".list"));

Что изменить в функции, что бы блоки работали отдельно?

greenfox07, типо такого:
function random(index){
.... // текст вашей функции
$(".ваш_класс_для_вывода_числа").eq(index).text("Ваш_текст");
}
$(document).find('.hill-btn').each(function(){
$(this).click(function(index){
random(index);
};
});

Что изменить в функции, что бы блоки работали отдельно?

$('.random-numb').text(random); - Аналогично надо внутри функции Random назначить обработчик для конкретного блока с классом random-numb - а то у вас к каждому такому блоку одинаковый текст добавляется

Как ограничить изменения css кода в javacript?

Андрей, jQuery желают же
ну да, indexOf быстрее регулярного https://habr.com/post/68282/

Как сделать такую форму для секции?

DeniSidorenko, png и основной для body - белый