forked from GaryHL/CatSpace
-
Notifications
You must be signed in to change notification settings - Fork 0
/
chat.js
85 lines (74 loc) · 3.13 KB
/
chat.js
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
const input = document.getElementById("input_chat");
const addBtn = document.getElementById("btn_send");
const ul = document.getElementById("list_messages");
// const empty
btn_send.addEventListener('click', (e)=>{
e.preventDefault();
const text = input.value;
const mensaje = document.createElement('li');
mensaje.classList.add('li2')
const p = document.createElement('p');
p.textContent = text;
mensaje.appendChild(p);
ul.appendChild(mensaje);
console.log(mensaje.textContent)
if(mensaje.textContent === "¿Por qué no nos enseñaste a manejar git en 300h?"){
const mensaje2 = document.createElement('li');
mensaje2.classList.add('li1')
const p2 = document.createElement('p');
p2.textContent=("Te dije que lo veríamos en el fullstack");
mensaje2.appendChild(p2);
ul.appendChild(mensaje2)
}
else if(mensaje.textContent === "¿Cuál es tu nombre?"){
const mensaje2 = document.createElement('li');
mensaje2.classList.add('li1')
const p2 = document.createElement('p');
p2.textContent=("Soy Andrés");
mensaje2.appendChild(p2);
ul.appendChild(mensaje2)
}
else if(mensaje.textContent === "¿Brif durante la presentación de un proyecto?"){
const mensaje2 = document.createElement('li');
mensaje2.classList.add('li1')
const p2 = document.createElement('p');
p2.textContent=("Muy buena idea... chicos porfavor revisen su correo electronico *Aparece mágicamente con una aureola* ");
mensaje2.appendChild(p2);
ul.appendChild(mensaje2)
}
else if(mensaje.textContent === "¿Tienes un gato favorito?"){
const mensaje2 = document.createElement('li');
mensaje2.classList.add('li1')
const p2 = document.createElement('img');
p2.src=("https://imgs.search.brave.com/SNqbJtDL9oJjeZ3gZsVB1vWVrII0SixwhcD4rZ4lxK8/rs:fit:453:500:1/g:ce/aHR0cHM6Ly9pLnBp/bmltZy5jb20vb3Jp/Z2luYWxzLzJlL2Nm/LzEzLzJlY2YxM2M2/ZTY1YjRjMWFjYWEx/YjliNTdkYzZkYTE4/LnBuZw");
p2.classList.add('imagen_mensaje')
mensaje2.appendChild(p2);
ul.appendChild(mensaje2)
}
else if(mensaje.textContent === "Muéstrame una obra de arte"){
const mensaje2 = document.createElement('li');
mensaje2.classList.add('li1_arte')
const p2 = document.createElement('img');
p2.src=("./images/arte.jpg");
p2.classList.add('imagen_mensaje_arte')
mensaje2.appendChild(p2);
ul.appendChild(mensaje2)
}
else if(mensaje.textContent === "¿Es en serio?"){
const mensaje2 = document.createElement('li');
mensaje2.classList.add('li1')
const p2 = document.createElement('p');
p2.textContent=("SI, es el PIZZA-CAT");
mensaje2.appendChild(p2);
ul.appendChild(mensaje2)
}
else{
const mensaje2 = document.createElement('li');
mensaje2.classList.add('li1')
const p2 = document.createElement('p');
p2.textContent=("lo veremos en el fullstack");
mensaje2.appendChild(p2);
ul.appendChild(mensaje2)
}
input.value = '';
})