Page 14 - ChatBot-59122201009

21 .done(function( msg ) {
22 msgT = msg
23 console.log(msgT.output)
24
25 $("#test ul").append("<li
26 class='bot'>"+msgT.output.text[0]+"</li>")
27 });
28
29 })
})
</script>

3.style.css

1 .bot{
2 background: rgb(6, 122, 255);
3 color:white;
4 list-style: none;
5 text-align: left;
6 padding: 10px;
7 margin:auto;
8 }
9 .user{
10 text-align: right;
11 background: white;
12 color:black;
13 list-style: none;
14 padding: 10px;
15 margin:auto;
16 border:1px solid black;
17
18 }
19 ul{
20 margin:auto;
21
22 padding: 10px;
23 }
24 input,button{width:100%;}
25 input#meg{
26 padding: 10px;
27 }
28 button#submit{
29 border:0;
30 background: dodgerblue;
31 color:white;
32 padding: 10px;
33 }
34 #test{