<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>1</title>
</head>
<body>
<canvas id="canvas"></canvas>
<script src="script"></script">
</body>
</html></spoiler> оно используется для скрытия текста и внутри тэга body, а за пределами html никак нельзя выводить!
<div class="wrapper">
<div class="box1">1</div>
<div class="box2">2</div>
<div class="box3">3</div>
<div class="box4">4</div>
<div class="box5">5</div>
<div class="box6">6</div>
</div>.wrapper {
display: grid;
}
.box1 {
grid-column: 1;
grid-row: 1;
}
.box2 {
grid-column: 1;
grid-row: 3;
}
.box3 {
grid-column: 1;
grid-row: 2;
}
.box4 {
grid-column: 1;
grid-row: 4;
}
.box5 {
grid-column: 1;
grid-row: 6;
}
.box6 {
grid-column: 1;
grid-row: 5;
}userText.addEventListener("input", () => {
document.getElementById("char-count").innerHTML = userText.value.length;
saveState(userText.value);
});
function saveState(object) {
let objectJson = JSON.stringify(object);
history.pushState({ page: objectJson }, "title", "?page");
console.log(history);
}