Çözüldü Kodumdaki hatalar nelerdir?

raunchytve

raunchytve

Katılımcı Üye
20 Ocak 2023
360
1
109
<!DOCTYPE html> <html> <head> <title>Chatbot Uygulaması</title> <style> .chatbot-container { max-width: 400px; margin: 50px auto; padding: 20px; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: #fff; font-family: sans-serif; } .chatbot-header { text-align: center; margin-bottom: 20px; } .chatbot-messages-list { list-style: none; margin: 0; padding: 0; } .chatbot-message { margin-bottom: 10px; } .chatbot-message-text { display: inline-block; padding: 10px; border-radius: 10px; background-color: #f2f2f2; color: #333; } </style> </head> <body> <div class="chatbot-container"> <div class="chatbot-header"> <h2>Hoşgeldiniz, ben bir chatbot'um!</h2> </div> <div class="chatbot-messages-container"> <ul class="chatbot-messages-list"> <li class="chatbot-message"> <span class="chatbot-message-text">Merhaba, ben bir chatbot'um. Size nasıl yardımcı olabilirim?</span> </li> </ul> </div> <div class="chatbot-input-container"> <input type="text" id="message-input" placeholder="Mesajınızı buraya yazın..."> <button id="send-button">Gönder</button> </div> </div> <script> const messageInput = document.getElementById('message-input'); const sendButton = document.getElementById('send-button'); const chatbotMessagesList = document.querySelector('.chatbot-messages-list'); sendButton.addEventListener('click', () => { const message = messageInput.value.trim(); if (message !== '') { const url = `http://api.brainshop.ai/get?bid=153868&key=rcKonOgrUFmn5usX&uid=1&msg=${message}`; fetch(url) .then(response => response.json()) .then(data => { let chatbotMessage; if (message.toLowerCase() === "merhaba") { chatbotMessage = "Merhaba! Size nasıl yardımcı olabilirim?"; } else { chatbotMessage = data.cnt; } const messageItem = ` <li class="chatbot-message"> <span class="chatbot-message-text">${chatbotMessage}</span> </li> `; chatbotMessagesList.insertAdjacentHTML('beforeend', messageItem); }) .catch(error => console.error(error)); } }); </script> </body> </html>
Arkadaşlar Web Siteme ChatBOT Kodlamiştim Birden Fazla Api denedim Göndere Tıklıyorum Ne Bot Cevap veriyor nede başka birşey oluyor yardım edermisiniz
 
Tarihe göre sırala Oylara göre sırala
cyberbug26

cyberbug26

Üye
27 Şub 2021
124
36
Merhaba! Kodunuzda birkaç potansiyel sorun var.

İlk olarak, API bağlantınızı HTTP yerine HTTPS kullanmanızı öneririm. Tarayıcılar artık HTTPS kullanmayan web sayfaları için uyarılar veriyorlar ve kullanıcıların güvenliği açısından daha iyi bir seçenek olduğu için API'nizi HTTPS'ye taşımanız iyi bir fikir olacaktır.

İkinci olarak, fetch isteğinizin CORS hatalarına neden olabileceğini düşünüyorum. Bu hatayı çözmek için, sunucu yanında bir CORS uygunluk özelliği ayarlamak veya bir proxy kullanmak gerekebilir.

Üçüncü olarak, botunuzun yanıtı bazen data.cnt olarak ayarlanıyor, bazen de sabit bir dize olarak. Bu nedenle, botunuzun yanıtını belirli bir şekilde işleyebilmek için kodunuzu tekrar gözden geçirmeniz gerekebilir.

Son olarak, botunuzun yanıtını insertAdjacentHTML kullanarak listeye ekliyorsunuz, ancak bazı özel karakterler veya HTML kodları, bu yöntemi kullanarak doğru bir şekilde işlenmediğinde sorunlara neden olabilir. Bunun yerine, textContent özelliği kullanarak doğrudan metin eklemek daha güvenlidir.

Umarım bu ipuçları yardımcı olur!
 
Oyla 0 Downvote
raunchytve

raunchytve

Katılımcı Üye
20 Ocak 2023
360
1
109
cyberbug26' Alıntı:
Merhaba! Kodunuzda birkaç potansiyel sorun var.

İlk olarak, API bağlantınızı HTTP yerine HTTPS kullanmanızı öneririm. Tarayıcılar artık HTTPS kullanmayan web sayfaları için uyarılar veriyorlar ve kullanıcıların güvenliği açısından daha iyi bir seçenek olduğu için API'nizi HTTPS'ye taşımanız iyi bir fikir olacaktır.

İkinci olarak, fetch isteğinizin CORS hatalarına neden olabileceğini düşünüyorum. Bu hatayı çözmek için, sunucu yanında bir CORS uygunluk özelliği ayarlamak veya bir proxy kullanmak gerekebilir.

Üçüncü olarak, botunuzun yanıtı bazen data.cnt olarak ayarlanıyor, bazen de sabit bir dize olarak. Bu nedenle, botunuzun yanıtını belirli bir şekilde işleyebilmek için kodunuzu tekrar gözden geçirmeniz gerekebilir.

Son olarak, botunuzun yanıtını insertAdjacentHTML kullanarak listeye ekliyorsunuz, ancak bazı özel karakterler veya HTML kodları, bu yöntemi kullanarak doğru bir şekilde işlenmediğinde sorunlara neden olabilir. Bunun yerine, textContent özelliği kullanarak doğrudan metin eklemek daha güvenlidir.

Umarım bu ipuçları yardımcı olur!
Genişletmek için tıkla ...
Kodu düzeltip Atarmisin zahmet olmazsa.
@cyberbug26
 
Son düzenleme:
Oyla 0 Downvote
cyberbug26

cyberbug26

Üye
27 Şub 2021
124
36
raunchytve' Alıntı:
Kodu düzeltip Atarmisin zahmet olmazsa.
@cyberbug26
Genişletmek için tıkla ...
Kusura bakma çalışıyordum görmedim buyur <!DOCTYPE html>
<html>
<head>
<title>Chatbot Uygulaması</title>
<style>
.chatbot-container {
max-width: 400px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
font-family: sans-serif;
}
.chatbot-header {
text-align: center;
margin-bottom: 20px;
}
.chatbot-messages-list {
list-style: none;
margin: 0;
padding: 0;
}
.chatbot-message {
margin-bottom: 10px;
}
.chatbot-message-text {
display: inline-block;
padding: 10px;
border-radius: 10px;
background-color: #f2f2f2;
color: #333;
}
</style>
</head>
<body>
<div class="chatbot-container">
<div class="chatbot-header">
<h2>Hoşgeldiniz, ben bir chatbot'um!</h2>
</div>
<div class="chatbot-messages-container">
<ul class="chatbot-messages-list">
<li class="chatbot-message">
<span class="chatbot-message-text">Merhaba, ben bir chatbot'um. Size nasıl yardımcı olabilirim?</span>
</li>
</ul>
</div>
<div class="chatbot-input-container">
<input type="text" id="message-input" placeholder="Mesajınızı buraya yazın...">
<button id="send-button">Gönder</button>
</div>
</div>
<script>
const messageInput = document.getElementById('message-input');
const sendButton = document.getElementById('send-button');
const chatbotMessagesList = document.querySelector('.chatbot-messages-list');
sendButton.addEventListener('click', () => {
const message = messageInput.value.trim();
if (message !== '') {
const url = `https://api.brainshop.ai/get?bid=153868&key=rcKonOgrUFmn5usX&uid=1&msg=${message}`;
fetch(url)
.then(response => response.json())
.then(data => {
let chatbotMessage;
if (message.toLowerCase() === "merhaba") {
chatbotMessage = "Merhaba! Size nasıl yardımcı olabilirim?";
} else {
chatbotMessage = data.cnt;
}
const messageItem = `
<li class="chatbot-message">
<span class="chatbot-message-text">${chatbotMessage}</span>
</li>
`;
chatbotMessagesList.insertAdjacentHTML('beforeend', messageItem);
})
.catch<!DOCTYPE html>
<html>
<head>
<title>Chatbot Uygulaması</title>
<style>
.chatbot-container {
max-width: 400px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
font-family: sans-serif;
}
.chatbot-header {
text-align: center;
margin-bottom: 20px;
}
.chatbot-messages-list {
list-style: none;
margin: 0;
padding: 0;
}
.chatbot-message {
margin-bottom: 10px;
}
.chatbot-message-text {
display: inline-block;
padding: 10px;
border-radius: 10px;
background-color: #f2f2f2;
color: #333;
}
</style>
</head>
<body>
<div class="chatbot-container">
<div class="chatbot-header">
<h2>Hoşgeldiniz, ben bir chatbot'um!</h2>
</div>
<div class="chatbot-messages-container">
<ul class="chatbot-messages-list">
<li class="chatbot-message">
<span class="chatbot-message-text">Merhaba, ben bir chatbot'um. Size nasıl yardımcı olabilirim?</span>
</li>
</ul>
</div>
<div class="chatbot-input-container">
<input type="text" id="message-input" placeholder="Mesajınızı buraya yazın...">
<button id="send-button">Gönder</button>
</div>
</div>
<script>
const messageInput = document.getElementById('message-input');
const sendButton = document.getElementById('send-button');
const chatbotMessagesList = document.querySelector('.chatbot-messages-list');
sendButton.addEventListener('click', () => {
const message = messageInput.value.trim();
if (message !== '') {
const url = `https://api.brainshop.ai/get?bid=153868&key=rcKonOgrUFmn5usX&uid=1&msg=${message}`;
fetch(url)
.then(response => response.json())
.then(data => {
let chatbotMessage;
if (message.toLowerCase() === "merhaba") {
chatbotMessage = "Merhaba! Size nasıl yardımcı olabilirim?";
} else {
chatbotMessage = data.cnt;
}
const messageItem = `
<li class="chatbot-message">
<span class="chatbot-message-text">${chatbotMessage}</span>
</li>
`;
chatbotMessagesList.insertAdjacentHTML('beforeend', messageItem);
})
.catch(error => console.error(error));
}
});
</script>
</body>
</html>
(error => console.error(error));
}
});
</script>
</body>
</html>
Yapılan değişiklikler şunlardır:

API URL'sine güvenli bir bağlantı üzerinden istek yapmak için https:// eklendi.
Dosyanın sonuna eksik olan </body> ve </html> kapatma etiketleri eklendi.
Okunabilirliği artırmak için girintileme düzeltildi
 
Oyla 0 Downvote
raunchytve

raunchytve

Katılımcı Üye
20 Ocak 2023
360
1
109
cyberbug26' Alıntı:
Kusura bakma çalışıyordum görmedim buyur <!DOCTYPE html>
<html>
<head>
<title>Chatbot Uygulaması</title>
<style>
.chatbot-container {
max-width: 400px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
font-family: sans-serif;
}
.chatbot-header {
text-align: center;
margin-bottom: 20px;
}
.chatbot-messages-list {
list-style: none;
margin: 0;
padding: 0;
}
.chatbot-message {
margin-bottom: 10px;
}
.chatbot-message-text {
display: inline-block;
padding: 10px;
border-radius: 10px;
background-color: #f2f2f2;
color: #333;
}
</style>
</head>
<body>
<div class="chatbot-container">
<div class="chatbot-header">
<h2>Hoşgeldiniz, ben bir chatbot'um!</h2>
</div>
<div class="chatbot-messages-container">
<ul class="chatbot-messages-list">
<li class="chatbot-message">
<span class="chatbot-message-text">Merhaba, ben bir chatbot'um. Size nasıl yardımcı olabilirim?</span>
</li>
</ul>
</div>
<div class="chatbot-input-container">
<input type="text" id="message-input" placeholder="Mesajınızı buraya yazın...">
<button id="send-button">Gönder</button>
</div>
</div>
<script>
const messageInput = document.getElementById('message-input');
const sendButton = document.getElementById('send-button');
const chatbotMessagesList = document.querySelector('.chatbot-messages-list');
sendButton.addEventListener('click', () => {
const message = messageInput.value.trim();
if (message !== '') {
const url = `https://api.brainshop.ai/get?bid=153868&key=rcKonOgrUFmn5usX&uid=1&msg=${message}`;
fetch(url)
.then(response => response.json())
.then(data => {
let chatbotMessage;
if (message.toLowerCase() === "merhaba") {
chatbotMessage = "Merhaba! Size nasıl yardımcı olabilirim?";
} else {
chatbotMessage = data.cnt;
}
const messageItem = `
<li class="chatbot-message">
<span class="chatbot-message-text">${chatbotMessage}</span>
</li>
`;
chatbotMessagesList.insertAdjacentHTML('beforeend', messageItem);
})
.catch<!DOCTYPE html>
<html>
<head>
<title>Chatbot Uygulaması</title>
<style>
.chatbot-container {
max-width: 400px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #fff;
font-family: sans-serif;
}
.chatbot-header {
text-align: center;
margin-bottom: 20px;
}
.chatbot-messages-list {
list-style: none;
margin: 0;
padding: 0;
}
.chatbot-message {
margin-bottom: 10px;
}
.chatbot-message-text {
display: inline-block;
padding: 10px;
border-radius: 10px;
background-color: #f2f2f2;
color: #333;
}
</style>
</head>
<body>
<div class="chatbot-container">
<div class="chatbot-header">
<h2>Hoşgeldiniz, ben bir chatbot'um!</h2>
</div>
<div class="chatbot-messages-container">
<ul class="chatbot-messages-list">
<li class="chatbot-message">
<span class="chatbot-message-text">Merhaba, ben bir chatbot'um. Size nasıl yardımcı olabilirim?</span>
</li>
</ul>
</div>
<div class="chatbot-input-container">
<input type="text" id="message-input" placeholder="Mesajınızı buraya yazın...">
<button id="send-button">Gönder</button>
</div>
</div>
<script>
const messageInput = document.getElementById('message-input');
const sendButton = document.getElementById('send-button');
const chatbotMessagesList = document.querySelector('.chatbot-messages-list');
sendButton.addEventListener('click', () => {
const message = messageInput.value.trim();
if (message !== '') {
const url = `https://api.brainshop.ai/get?bid=153868&key=rcKonOgrUFmn5usX&uid=1&msg=${message}`;
fetch(url)
.then(response => response.json())
.then(data => {
let chatbotMessage;
if (message.toLowerCase() === "merhaba") {
chatbotMessage = "Merhaba! Size nasıl yardımcı olabilirim?";
} else {
chatbotMessage = data.cnt;
}
const messageItem = `
<li class="chatbot-message">
<span class="chatbot-message-text">${chatbotMessage}</span>
</li>
`;
chatbotMessagesList.insertAdjacentHTML('beforeend', messageItem);
})
.catch(error => console.error(error));
}
});
</script>
</body>
</html>
(error => console.error(error));
}
});
</script>
</body>
</html>
Yapılan değişiklikler şunlardır:

API URL'sine güvenli bir bağlantı üzerinden istek yapmak için https:// eklendi.
Dosyanın sonuna eksik olan </body> ve </html> kapatma etiketleri eklendi.
Okunabilirliği artırmak için girintileme düzeltildi
Genişletmek için tıkla ...
Başka bir api kullandım ve kodları en baştan yazdım bot artık cevap veriyor istenirse yeni konu açıp kodları atabilirim
Screenshot_20230306-0004402.png

İngilizce ama sorun olmaz sanırım.
@cyberbug26 arkadaşima teşekkür ediyorum onun düzelttiği kodla olmadı ancak yeni bir kod yazdım Html CSS JavaScript Kullanarak İstenirse Paylaşacağım

Screenshot_20230306-0121372.png

Şuanki Güncel Hali Bu Şekilde Güncellemeler Yapmaya Devam Ediyorum. Api ingilizce olduğu için İngilizce cevaplar alıyorum.

Güncelleme #3 Api Türkçe'ye Çevirildi

Güncelleme #4 Web Page Copier Eklendi

Güncelleme #5 Html Kodu Önizleme Eklendi

Güncelleme #6 Hakkımda Kısmı Eklendi
-Egitim Vesayre -
 
Son düzenleme:
Oyla 0 Downvote
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.