conteo caracteres 2.0

Maximo-sudo · Maximo-sudo · commit cd9e18bbf42d · 2025-04-05T20:52:28.000+02:00
diff --git a/15-formularios/8-onBlur/script.js b/15-formularios/8-onBlur/script.js
@@ -8,4 +8,4 @@ function f_blur() {
         document.getElementById('nombre').style.background = 'red';
         alert('Debe De Introducir Los Datos')
     }
-}
+}
diff --git a/19-conteoCaracteres/index.html b/19-conteoCaracteres/index.html
@@ -7,6 +7,7 @@
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 </head>
 <body>
+    <!-- Ver Esto "onblur="blur()"" -->
     <p><textarea id="texto" rows="5" cols="22" maxlength="140" onfocus="vaciar(this)"></textarea></p>    
     <p>Caracteres Permitidos:
         <span id="cantidad">20</scan>
diff --git a/19-conteoCaracteres/script.js b/19-conteoCaracteres/script.js
@@ -1,15 +1,26 @@
 document.getElementById('texto').addEventListener('keyup', caracteres);
 
+
 function caracteres() {
     const MAX_CARACTERES = 20;
     let texto = document.getElementById('texto').value;
+    document.getElementById('texto').style.background = '';
     let cant = texto.length;
     let disponible = MAX_CARACTERES - cant;
 
     document.getElementById('cantidad').textContent = disponible;
     if (disponible <= 0){
         swal.fire('Caracteres agotados');
+        document.getElementById('texto').style.background = 'red';
         document.getElementById('texto').value = "";
         document.getElementById('caracteres').textContent = 20;
+        
     }
-}
+}
+
+
+// function blur() {
+//     if (document.getElementById('texto').value == '') {
+        
+//     }
+// }

Original file line number	Diff line number	Diff line change
`@@ -8,4 +8,4 @@ function f_blur() {`
`8`	`8`	`document.getElementById('nombre').style.background = 'red';`
`9`	`9`	`alert('Debe De Introducir Los Datos')`
`10`	`10`	`}`
`11`		`-}`
	`11`	`+}`