Un ejemplo de funciones en uso podría ser un control deslizante de imagen básico que creé el otro día.
var imageEl = document.getElementById (“imagen”);
var next = document.getElementById (“next”);
var prev = document.getElementById (“prev”);
var imageBank = [“images / bannerOne.jpg”, “images / bannerTwo.jpg”, “images / bannerThree.jpg”];
var longitud = imageBank.length;
contador var = 0;
- ¿Cuál es el mejor marco de aplicación web para construir una aplicación web reactiva (debe usar una base de datos relacional)?
- Para un producto estable existente que tiene nuevas características agregadas de forma incremental, ¿hay alguna diferencia entre AGILE y la cascada "rápida" (donde las características se reducen para que puedan desarrollarse rápidamente)?
- ¿Cuáles son ejemplos de páginas de inicio de aplicaciones web bien diseñadas?
- ¿Qué lenguaje de programación se usó para construir Open2Study?
- Cómo construir una API primero o CMS desacoplado desde cero
función add () {
if (contador> = longitud – 1) {
contador = -1;
}
imageEl.src = imageBank [contador + = 1];
}
función back () {
if (contador === 0) {
contador = longitud;
}
imageEl.src = imageBank [contador – = 1];
}
next.addEventListener (“clic”, agregar);
prev.addEventListener (“clic”, atrás);
Aquí puede ver que cada vez que se presiona un botón, se ejecuta una función para generar la siguiente imagen en el elemento DOM. Si las declaraciones también están presentes en las funciones para determinar qué imagen se debe ingresar dependiendo de si se seleccionó siguiente o anterior.