Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/avastroficial/bsnapzen
generar una imagen aleatoria a partir de un texto ingresado por el usuario. Utiliza la API de Unsplash
https://github.com/avastroficial/bsnapzen
api-unsplash bsz css generador-imagenes html javascript
Last synced: 4 days ago
JSON representation
generar una imagen aleatoria a partir de un texto ingresado por el usuario. Utiliza la API de Unsplash
- Host: GitHub
- URL: https://github.com/avastroficial/bsnapzen
- Owner: AvastrOficial
- Created: 2024-02-26T21:54:55.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-08-11T06:15:43.000Z (3 months ago)
- Last Synced: 2024-08-11T07:27:10.210Z (3 months ago)
- Topics: api-unsplash, bsz, css, generador-imagenes, html, javascript
- Language: CSS
- Homepage: https://toolapikey.foroactivo.com/h7-bsnapzen
- Size: 9.77 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BSnapZen
generar una imagen aleatoria a partir de un texto ingresado por el usuario. Utiliza la API de Unsplash para obtener imágenes y la biblioteca Axios para realizar solicitudes HTTP.
## Aquí está el desglose del código:
Constante ACCESS_KEY: Esta constante almacena la clave de acceso necesaria para hacer solicitudes a la API de Unsplash.
Función generarImagen(): Esta es una función asíncrona que se activa cuando el usuario hace clic en un botón en la interfaz de usuario.
## Realiza lo siguiente:
Obtiene el texto ingresado por el usuario desde un elemento HTML con el ID "textoInput".
Obtiene dos elementos HTML: uno con el ID "resultado" y otro con el ID "urlCaja", donde se mostrarán la imagen y el URL respectivamente.
Utiliza Axios para hacer una solicitud GET a la API de Unsplash, pasando el texto ingresado por el usuario y la clave de acceso.
clave de la api : const ACCESS_KEY = 'GN00Y0EfLL6P6vfKWwZlv8kRFxVG2L1nrK4_9e5lsVM';
Una vez que se recibe la respuesta, selecciona una imagen aleatoria de los resultados y extrae la URL de la imagen regular.
Inserta la imagen generada dentro del elemento con el ID "resultado" para que el usuario la vea.
Crea un enlace con el URL de la imagen generado y lo inserta dentro del elemento con el ID "urlCaja".
En caso de error al obtener la imagen, muestra un mensaje de error en el elemento con el ID "resultado" y limpia el contenido del elemento "urlCaja".
## API utilizada :
https://api.unsplash.com/
## libreria https peticiones
https://cdnjs.cloudflare.com/ajax/libs/axios/0.24.0/axios.min.js
## Resumen del codigo :
Es una forma simple de obtener imágenes aleatorias de Unsplash y mostrarlas en una página web
## pagina web funcionado el codigo conpartido :
https://toolapikey.foroactivo.com/h7-bsnapzen
