//сначала создаешь элемент и добавляешь его в документ поверх старого элемента
элемент.style.display = 'none'
элемент.innerHTML = 'тут html текст'
setTimeout(function(){
{
элемент.style.display = 'flex'
}, 100)Позднее связывание позволяет с меньшими усилиями встраивать в проект идеи, которые возникли позже в процессе разработки (по сравнению с системами с более ранним связыванием вроде C, C++, Java, и пр.)
Если вы используете языки с ранним связыванием, как это делает большинство, то вы запираете себя в рамки того, что уже написали. Переформулировать с легкостью уже не получится.
Я не против типов, но мне не знакома ни одна система типов, которая не вызывала бы боли. Так что мне все еще нравится динамическая типизация.
var адаптировать_размер = function()
{
var ширина = document.body.clientWidth
var высота = document.body.clientHeight
if(высота >= ширина)
{
var отношение = ширина / 960
КОНТЕЙНЕР.style.transform = "scale("+ отношение +")"
}
else
{
var соотношение = ширина / высота
if(соотношение > 1.77)
{
var отношение = высота / 540
КОНТЕЙНЕР.style.transform = "scale("+ отношение +")"
}
else
{
var отношение = ширина / 960
КОНТЕЙНЕР.style.transform = "scale("+ отношение +")"
}
}
}body
{
position: fixed;
bottom: 0px;
left: 0px;
display: flex;
justify-content: center;
align-items: center;
}
#КОНТЕЙНЕР
{
width: 960px;
height: 540px;
flex-shrink:0;
}function RGBToHSL(r,g,b) {
// Make r, g, and b fractions of 1
r /= 255;
g /= 255;
b /= 255;
// Find greatest and smallest channel values
let cmin = Math.min(r,g,b),
cmax = Math.max(r,g,b),
delta = cmax - cmin,
h = 0,
s = 0,
l = 0;
// Calculate hue
// No difference
if (delta == 0)
h = 0;
// Red is max
else if (cmax == r)
h = ((g - b) / delta) % 6;
// Green is max
else if (cmax == g)
h = (b - r) / delta + 2;
// Blue is max
else
h = (r - g) / delta + 4;
h = Math.round(h * 60);
// Make negative hues positive behind 360°
if (h < 0)
h += 360;
// Calculate lightness
l = (cmax + cmin) / 2;
// Calculate saturation
s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
// Multiply l and s by 100
s = +(s * 100).toFixed(1);
l = +(l * 100).toFixed(1);
return "hsl(" + h + "," + s + "%," + l + "%)";
}