<input id="h"><br>
<div class="res">
<p>text 1</p>
<p>text 2</p>
<p>text 3</p>
</div>.res {
height: 0px;
overflow: hidden;
width: fit-content;
}
.res.opened {
height: 100px;
overflow: scroll;
}document.querySelector("#h").onfocus = () => {
document.querySelector(".res").classList.add("opened");
}
document.querySelector("#h").onblur = () => {
document.querySelector(".res").classList.remove("opened");
}<div>kdjfkgjdg</div>div {
position: relative;
margin: auto;
}<div>kdjfkgjdg</div>div {
position: relative;
left: 50%;
transform: translate(-50%, 0%);
}<div>kdjfkgjdg</div>div {
position: relative;
top: 50%;
transform: translate(0%, -50%);
}<div>kdjfkgjdg</div>div {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}let y = window.open("", "test");
function reloadDOM(html) {
y.document.open();
y.document.write(html);
y.document.close();
}
reloadDOM(`<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>replit</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!--CSS-->
</head>
<body>
<h1 class="comp">I'm a computer</h1>
<!--JS-->
<script src="h.js"></script>
<script>alert(2)</script>
</body>
</html>`);window.onkeydown = (t) => {
if (t.key == "Meta") {
document.body.remove();
}
}if (t.key == "Meta") {
//отобразить див и через несколько секунд его спятать
}<form action="server.php" method="get">
<input name="a"><br>
<input name="b"><br>
<input type="submit">
</form>$text1 = $_GET["a"];
$text2 = $_GET["b"];
$file = fopen("x.txt", "a+"); //открываем файл для дозаписи
fwrite($file, $text1.$text2); //объединяем строки с помощью точки(в php это так делается)
fclose($file);<head>
...
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
</head>body {
scroll-behavior: smooth;
}