chatbot
sumber chatbot html by yt dan git
coba digabungkan dengan extensi awal blm bisa jalan
dari manifes v2 disini
backup html chatbot
<html>
<head>
<script>
know = {
"hello" : "hi",
"how are you?" : "good",
"ok" : ":)",
"Apa ini masih ada?" : "ada, minat?"
};
function talk() {
var user = document.getElementById("userBox").value;
document.getElementById("userBox").value = "";
document.getElementById("chatLog").innerHTML += user+"<br>";
if (user in know) {
document.getElementById("chatLog").innerHTML += know[user]+"<br>";
} else {
document.getElementById("chatLog").innerHTML += "I don't understand...<br>";
}
}
</script>
</head>
<body>
<p id="chatLog">- - C H A T - -<br></p>
<input id="userBox" type="text" onkeydown="if (event.keyCode == 13) {talk()}">
</body>
</html>
<head>
<script>
know = {
"hello" : "hi",
"how are you?" : "good",
"ok" : ":)",
"Apa ini masih ada?" : "ada, minat?"
};
function talk() {
var user = document.getElementById("userBox").value;
document.getElementById("userBox").value = "";
document.getElementById("chatLog").innerHTML += user+"<br>";
if (user in know) {
document.getElementById("chatLog").innerHTML += know[user]+"<br>";
} else {
document.getElementById("chatLog").innerHTML += "I don't understand...<br>";
}
}
</script>
</head>
<body>
<p id="chatLog">- - C H A T - -<br></p>
<input id="userBox" type="text" onkeydown="if (event.keyCode == 13) {talk()}">
</body>
</html>
====
get set value js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<div class="container">
<div>
<input type="text" id="input-get" placeholder="Get Value">
<button id="btn-get">GET</button>
</div>
<div id="result">
Result
</div>
<div>
<input type="text" id="input-set" placeholder="Set Value">
<button id="btn-set">SET</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<div class="container">
<div>
<input type="text" id="input-get" placeholder="Get Value">
<button id="btn-get">GET</button>
</div>
<div id="result">
Result
</div>
<div>
<input type="text" id="input-set" placeholder="Set Value">
<button id="btn-set">SET</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
====
save stlye.css
.container {
display: flex;
justify-content: space-evenly;
}
input, button {
height: 25px;
}
#result {
font-size: 25px;
font-weight: bold;
}
display: flex;
justify-content: space-evenly;
}
input, button {
height: 25px;
}
#result {
font-size: 25px;
font-weight: bold;
}
===
save script.js
let btnGet = document.querySelector('#btn-get');
let btnSet = document.querySelector('#btn-set');
let inputGet = document.querySelector('#input-get');
let inputSet = document.querySelector('#input-set');
let result = document.querySelector('#result');
btnGet.addEventListener('click', () =>{
result.innerText = inputGet.value;
});
btnSet.addEventListener('click', () =>{
inputGet.value = inputSet.value;
});
let btnSet = document.querySelector('#btn-set');
let inputGet = document.querySelector('#input-get');
let inputSet = document.querySelector('#input-set');
let result = document.querySelector('#result');
btnGet.addEventListener('click', () =>{
result.innerText = inputGet.value;
});
btnSet.addEventListener('click', () =>{
inputGet.value = inputSet.value;
});
update 17okt22
<html>
<head>
<script>
var jwb1 = "ada";
know = {
"hello" : jwb1,
"how are you?" : jwb1,
"ok" : ":)",
"Apa ini masih ada?" : "ada, minat?"
};
function talk() {
var user = document.getElementById("userBox").value;
document.getElementById("userBox").value = "";
document.getElementById("chatLog").innerHTML += user+"<br>";
if (user in know) {
document.getElementById("chatLog").innerHTML += know[user]+"<br>";
} else {
document.getElementById("chatLog").innerHTML += "I don't understand...<br>";
}
}
</script>
</head>
<body>
<p id="chatLog">- - C H A T - -<br></p>
<input id="userBox" type="text" onkeydown="if (event.keyCode == 13) {talk()}">
</body>
</html>
penambahan var jwb1 = "ada";
untuk tes bisa disini dan paste script diatas
Komentar
Posting Komentar