{

// Place your snippets for javascript here. Each snippet is defined under a
snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the
body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label},
${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
"Longitud de la cadena": {
"prefix": "longitud",
"body": [
"alert(`Longitud de la cadena: $
{cadenaTexto.length}`);"
],
"description": "Obtener la longitud de la cadena"
},
"Cadena en mayúsculas": {
"prefix": "mayusculas",
"body": [
"alert(`Cadena en mayúsculas: $
{cadenaTexto.toUpperCase()}`);"
],
"description": "Convertir la cadena a mayúsculas"
},
"Cadena en minúsculas": {
"prefix": "minusculas",
"body": [
"alert(`Cadena en minúsculas: $
{cadenaTexto.toLowerCase()}`);"
],
"description": "Convertir la cadena a minúsculas"
},
"Porción de la cadena": {
"prefix": "porcion",
"body": [
"let inicio = prompt(\"Ingrese el índice de
inicio:\");",
"let fin = prompt(\"Ingrese el índice de fin:\");",
"alert(`Porción de la cadena: $
{cadenaTexto.slice(inicio, fin)}`);"
],
"description": "Extraer una porción de la cadena"
},
"Reemplazar palabra en la cadena": {
"prefix": "reemplazar",
"body": [
"let palabraAntigua = prompt(\"Ingrese la palabra a
reemplazar:\");",
"let palabraNueva = prompt(\"Ingrese la nueva
palabra:\");",
 "cadenaTexto = cadenaTexto.replace(palabraAntigua,
palabraNueva);",
"alert(`Cadena modificada: ${cadenaTexto}`);"
],
"description": "Reemplazar una palabra en la cadena"
},
"Concatenar cadena al final": {
"prefix": "concatenar",
"body": [
"let cadenaConcatenar = prompt(\"Ingrese la cadena a
concatenar:\");",
"cadenaTexto += cadenaConcatenar;",
"alert(`Cadena concatenada: ${cadenaTexto}`);"
],
"description": "Concatenar otra cadena al final"
},
"Separar cadena en palabras": {
"prefix": "separar",
"body": [
"let palabras = cadenaTexto.split(\" \");",
"alert(`Palabras en la cadena: $
{palabras.join(\", \")}`);"
],
"description": "Separar la cadena en palabras"
},
"Salir del programa": {
"prefix": "salir",
"body": [
"continuar = false;"
],
"description": "Salir del programa"
},

"Agregar Cosa": {
"prefix": "agregarCosa",
"body": [
"function agregarCosa() {",
"\tconst Cosa = {",
"\t\tnombre:
document.getElementById('nombre').value,",
"\t\ttipoAnimal:
document.querySelector('input[name=\"htmlcalsePA SELECTS\"]:checked').value,",
"\t\tedad:
document.getElementById('edad').value,",
"\t\tcolor:
document.getElementById('color').value",
"\t};",
"",
"\tlistadoAnimales.push(animal);",
"\trefrescarListadoAnimales();",
"}"
],
"description": "Agrega un animal al listado"
},

"Eliminar Cosa": {
 "prefix": "eliminarcosa",
"body": [
"function eliminarCosa() {",
"\tlistadoCosa.length = 0;",
"\trefrescarListadoCosa();",
"}"
],
"description": "Elimina todas las cosas del listado"
},

"Refrescar Listado de Cosas": {

"prefix": "refrescarListadoCosas",
"body": [
"function refrescarListadoCosas() {",
"\tconst listaCosas =
document.getElementById('///html///Cosalist//-list');",
"\tlistaaCosa.innerHTML = '';",
"",
"\tlistadoCosas.forEach(Cosa => {",
"\t\tlet card = crearCosaCard(Cosa);",
"\t\tlistaCosas.appendChild(card);",
"\t});",
"}"
],
"description": "Refresca el listado de animales en la
interfaz de usuario"
},

"Crear Tarjeta de Cosas": {

"prefix": "crearCosaCard",
"body": [
"function crearAnimalCard(animal) {",
"\tlet card = document.createElement('div');",
"\tcard.className = 'card';",
"",
"\tcard.innerHTML = `",
"\t\t<div class=\"hetml\">$
{emojiportipo(animal.tipoAnimal)}</div>",
"\t\t<div class=\"-hetml\">${animal.nombre}</div>",
"\t\t<div class=\"hetml\">Tipo: $
{animal.tipoAnimal}</div>",
"\t\t<div class=\"hetml\">Edad: ${animal.edad}
años</div>",
"\t\t<div class=\"hetml\">Color:
${animal.color}</div>",
"\t`;",
"",
"\treturn card;",
"}"
],
"description": "Crea una tarjeta para mostrar la
información de un animal"
},

"Obtener Emoji": {
"prefix": "emojiportipo",
"body": [
"function emojiportipo(tipoCosa) {",
"\tswitch (tipoCosa) {",
 "\t\tcase '//': return '🐾';",
"\t\tcase '//': return '😺';",
"\t\tcase '///': return '🐦';",
"\t\tdefault: return '';",
"\t}",
"}"
],
"description": "Obtiene el emoji correspondiente al tipo de
animal"
},

"Event Listeners": {
"prefix": "eventListeners",
"body": [
"document.querySelector('button[type=\"submit\"]').ad
dEventListener('click', function(event) {",
"\tevent.preventDefault();",
"\tagregarCosa();",
"});",
"",
"document.getElementById('eliminarTodosBtn').addEvent
Listener('click', function(event) {",
"\tevent.preventDefault();",
"\teliminarCosa();",
"});"
],
"description": "Añade event listeners para botones"
},

"Llamada Inicial a Refrescar Listado de Animales": {

"prefix": "RefrescarCall",
"body": [
"refrescarListadoCosas();"
],
"description": "Realiza la llamada inicial para refrescar
el listado de animales"
},

"Función para Añadir Animales al Hacer Clic": {

"prefix": "anyadirAnimalesclick",
"body": [
"function anyadirAnimalesclick() {",
"\teliminarAnimales();",
"\trefrescarListadoAnimales();",
"}"
],
"description": "Función para eliminar todos los animales y
refrescar el listado al hacer clic"
},

"Función para Eliminar Animales al Hacer Clic": {

"prefix": "eliminarAnimalesclick",
"body": [
"function eliminarAnimalesclick() {",
"\tagregarAnimal();",
"\trefrescarListadoAnimales();",
"}"
],
 "description": "Función para agregar un animal y refrescar
el listado al hacer clic"
},

"Función para Añadir Gestión de Eventos": {

"prefix": "anyadirGestioneventos",
"body": [
"function anyadirGestioneventos() {",
"\tlet btnEliminar =
document.getElementById('eliminarTodosBtn');",
"\tbtnEliminar.addEventListener('click',
eliminarAnimales);",
"",
"\tlet btnAnyadir // Completar con la lógica para
obtener el botón de añadir",
"\t// btnAnyadir.addEventListener('click',
agregarAnimal);",
"}"
],
"description": "Función para añadir gestión de eventos a
los botones"
}
}