JavaScript - Insertar imágenes en el programa

   
Vista:
Imágen de perfil de Kaltritter

Insertar imágenes en el programa

Publicado por Kaltritter (2 intervenciones) el 12/02/2018 16:44:09
Quisiera pedir vuestra opinión con respecto a una duda que es bastante simple pero que no logro entender del todo, se trata del siguiente programa para un bot que tengo en desarrollo, su función es simple, al escribir un comando determinado, el bot responde con un número del 1 al 6, tal como una tirada de dados, algo que funciona correctamente sin ningún error, sin embargo quisiera implementar imágenes a ese mensaje, es decir, en vez de mostrar un mensaje, enseñe una imagen equivalente al resultado, por el momento he evitado ese problema incluyendo simples enlaces con las imágenes que quería, pero quisiera saber como meter esas imágenes directamente en el código, por favor.

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
console.log('Preparado');
const Discord = require('Discord.js');
const bot = new Discord.Client();
 
bot.on('message', (message) => {
	if (message.content == 'd!Tirar los dados')
		var rand1 = Math.round(Math.random()*6)
	switch (rand1) {
		case 1:
		message.channel.sendMessage('https://ibb.co/eawxan');
		break;
		case 2:
		message.channel.sendMessage('https://ibb.co/dwaqvn');
		break;
		case 3:
		message.channel.sendMessage('https://ibb.co/hgtM1S');
		break;
		case 4:
		message.channel.sendMessage('https://ibb.co/ke8ogS');
		break;
		case 5:
		message.channel.sendMessage('https://ibb.co/feyX87');
		break;
		case 6:
		message.channel.sendMessage('https://ibb.co/jnfeo7');
		break;
	}
});
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Pedro

Insertar imágenes en el programa

Publicado por Pedro (20 intervenciones) el 12/02/2018 17:44:23
Creas el elemento DOM y sabiendo el id del div donde quieres insertar la imagen sería algo así te pongo sólo un Case pero se entiende perfectamente que debes hacer lo mismo por cada Case con la ruta a cada una de las imágenes.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//Creamos un elemento del DOM images
var img=document.createElement("img");
 
 
switch (rand1) {
	case 1:
        //Ahora le añadimos el atributo source indicando  la ruta de la imagen
        img.src="https://ibb.co/eawxan";
        //metemos en la variable el objeto con id fooBar
        var foo = document.getElementById("fooBar");
        //finalmente añadimos con appendChild el elemento img dentro del div con id fooBar
        foo.appendChild(img);
 
		break;
}

Espero no haberme equivocado en la sintáxis pero es así como debes hacerlo si he comprendido bien tu pregunta.

Regards
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar
Imágen de perfil de Kaltritter

Insertar imágenes en el programa

Publicado por Kaltritter (2 intervenciones) el 12/02/2018 18:04:48
Entiendo el proceso pero sigo sin saber como hacer que inserte esa imagen en el mensaje de contestación... Por lo demás está correcto según he probado.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Revisar política de publicidad