-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
78 lines (62 loc) · 2.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0DNPGMVHPM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-0DNPGMVHPM');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Ordena numeros de CDU online">
<meta name="keywords" content="Ordenar CDU, numeros CDU">
<meta name="author" content="jesusMAes">
<link rel="icon" type="image/x-icon" href="./dragon-logo.png">
<!--fontawesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Ordéname ésta</title>
</head>
<body>
<h1>
ORDÉNAME ESTA
</h1>
<h4>Introduce los numeros a ordenar separados por comas</h4>
<textarea id="input" placeholder="Numeros CDU" onChange="ajustaAltura()"></textarea>
<button type="submit" onclick="ordenaCDU()" id="boton">Ordename ésta</button>
<script>
//no me puedo creer que tenga que coger un script para ajustar la altura anyway la altura de todo el texto es scrollheight, lo que mide la scrollbar, cuando cambia lo ponemos como esa altura
function ajustaAltura(){
let altura =document.getElementById("input");
altura.style.height = `${altura.scrollHeight+10}px`;
}
</script>
<div class="wrapper">
<ol id="lista">
</ol>
</div>
<button class="desplegable">Aviso</button>
<div class="panel">
<p> Esta es una web para corregir ejercicios de CDU, en ningún caso está hecha con animo de ser una herramienta de trabajo. Pueden aparecer bugs. </p>
</div>
<script>
let desplegable = document.getElementsByClassName("desplegable");
desplegable[0].addEventListener("click", function (){
this.classList.toggle("active");
let panel = this.nextElementSibling;
if(panel.style.maxHeight){
panel.style.maxHeight = null;
}else{
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
</script>
<footer>
Made with <i class="fa-solid fa-heart"></i> by <a href="https://github.com/jesusMAes" target="_blank">jesusMAes</a>
</footer>
</body>
<script type="text/javascript" src="index.js"></script>
</html>