Mình không học về CNTT, chỉ là mình hay chia sẻ blog nên có về tò mò chút về lập trình wap/web để tiện lưu giữ và chia sẻ bài viết cho bạn bè. Mình đang muốn tạo 1 trang bằng js để trả lời tự động
Ví dụ:
+ thành viên chát: 18
+ bot: hai nghìn không trăm linh tư
Nhờ mọi người giúp mình viết 1 đoạn js mẫu để thực hiện phần này với ạ.
Đây là ảnh minh họa
[Ảnh 1, truy cập trang chưa nhập số liệu]
[Ảnh 2, đã nhập số liệu "18" và đưa ra kết quả "hai nghìn không trăm linh tư"]
Có thể else if (text == '18') {text = 'hai nghìn không trăm linh tư';}
cảm ơn mọi người đã đọc qua bài,mong được mọi người giúp đỡ
Ví dụ:
+ thành viên chát: 18
+ bot: hai nghìn không trăm linh tư
Nhờ mọi người giúp mình viết 1 đoạn js mẫu để thực hiện phần này với ạ.
Đây là ảnh minh họa
[Ảnh 1, truy cập trang chưa nhập số liệu]
[Ảnh 2, đã nhập số liệu "18" và đưa ra kết quả "hai nghìn không trăm linh tư"]
Có thể else if (text == '18') {text = 'hai nghìn không trăm linh tư';}
cảm ơn mọi người đã đọc qua bài,mong được mọi người giúp đỡ
Quá tuyệt vời!.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <title>Chat với bot</title> </head> <body class="w3-container w3-padding"> <div class="w3-panel w3-pale-blue w3-border"> <p>Lưu ý: Bot này là bot siêu lịch sự, có thể nghe nhạc và xem ảnh. Bạn có thể gửi ảnh để bot đánh giá :v</p> </div> <ul class="w3-ul w3-border"> <li id="bot_txt">Chatbox</li> <li id="dot" style="border:0px;">Chat với bot lịch sự nhất thế giới... Gửi Ahihi để bắt đầu.</li> </ul> <div class="w3-container w3-bottom w3-padding w3-row w3-border"> <div class="w3-col s3" style="border: 0px"> <i class="fa fa-image w3-button" id="send-image"></i> <i class="fa fa-music w3-button" id="send-music"></i> </div> <input id="me_txt" style="border: 0px" class="w3-input w3-col s8" type="text"> <button class="w3-button w3-white w3-border-light-grey w3-col s1 w3-hover-white" id="bot_btnCreate1"><i class="fa fa-send-o"></i></button> </div> </div> <script> $('#bot_btnCreate1').click(function(){ var text = $('#me_txt').val(); if(text) { $('#bot_txt').append('<li>Bạn: '+text+'</li>'); } if(text == '0') { text = 'Nói clg bố méo hiểu :v';} if (text == 'Hi' || text == 'hello' || text == 'Hê ly' || text == 'chào' || text == 'Nĩ Hạo' || text == 'xin chào' || text == 'chào bạn') {text = get_random(['Xin chào, bố có thể giúp gì cho mầy ?','Chào nhóc, bố mày là bot có phận sự chat với mầy','Bố mày chào lại :v']);} else {text = get_random(['Dkmm cút! Bố đang bực','Hí hí chào cậu','Bố mày đùa mày à con chó lợn này ?','Nghĩ gì nói thế với bố vậy con chó lợn này ?']);} if(text) { $('#me_txt').val(''); $('#dot').show('slow').html('<li>Bot: đang soạn...</li>').delay(2000).hide('slow', function(){ $('#bot_txt').append('<li>Bot: '+text+'</li>'); }); } }); $("#send-image").click(function(){ alert(get_random([ 'Đùa bố à ? con bot nó không biết coi ảnh đâu :v', 'Chúng tôi không hỗ trợ upload ảnh mà chỉ hỗ trợ upload nhạc thôi :v', 'Chúng tôi để cái nút đấy cho đẹp thôi :v', 'Liên hệ ban quản trị để được hỗ trợ upload ảnh :v' ])); }); $("#send-music").click(function(){ alert(get_random([ 'Chúng tôi đùa đấy =))', 'Hiện tại chúng tôi chỉ hỗ trợ upload ảnh :v', 'Nút đấy chúng tôi để đấy cho đẹp thôi :v', 'Bạn vui lòng bấm cả 2 nút cùng một lúc để upload một trong 2 thứ :v (Lưu ý: chỉ dành cho pc =]] )' ])); }); function get_random (list) { return list[Math.floor((Math.random()*list.length))]; } </script> </body> </html>