<!
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>THE GHATGPT</title>
<style>
.input {
width: 450px;
height: 40px;
transform: translate(550px,600px);
border-radius: 25px;
color: whitesmoke;
background-color: grey;
cursor: pointer;
font-size:16.5px;
font-family: Cursive;
padding: 0px 20px;
border: 2px solid #50545b;
outline: none;
}
.input::placeholder{
color: whitesmoke;
}
.up {
width: 29px;
height: 29px;
transform: translate(-50%, -50%);
top: 82.25%;
left: 65%;
position: absolute;
cursor: pointer;
border-radius: 50%;
transition: all 0.3s ease;
border: 1px solid rgba(0, 0, 0, 0.5);
opacity: 0.8;
}
.up:hover{
width: 31px;
height: 31px;
opacity: 1;
.box {
width: 465px;
height: 513px;
transform: translate(550px, 10px);
background-color:grey;
border-radius: 20px;
word-wrap: break-word;
overflow-y: scroll;
overflow-y: auto;
scrollbar-width: none;
padding: 10px;
display: flex;
flex-direction: column;
box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.5);
.ad1 {
width:250px;
height:110px;
transform: translate(1200px,-525px);
background-color: whitesmoke;
border-radius: 5px;
}
.ad2 {
width:350px;
height:300px;
transform: translate(100px,-650px);
background-color: whitesmoke;
border-radius: 5px;}
.mgsbox{
padding: 0.01% 10px;
width: fit-content;
max-width: 85%;
background-color:oldlace;
border-radius: 20px;
word-wrap: break-word;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
border-bottom-right-radius: 5px;
font-size: 18px;
line-height: 1.2;
align-self: flex-end;
text-align: left;
}
.botbox{
padding: 0.01% 10px;
width: fit-content;
max-width: 85%;
background-color: powderblue;
border-radius: 20px;
word-wrap: break-word;
border-bottom-left-radius: 5px;
font-size: 18px;
line-height: 1.2;
}
</style>
</head>
<body style="background-color:#2c2f33">
<input type="text" id ="input" placeholder="Type something..." class="input">
<img
src="[Link]
/Screenshot_20251025-205344_1.png?
ex=691742d8&is=6915f158&hm=f4ec4fc392b0a29e5647d66e1e4b337587badfdd706d3f3362097fd3
ac274788&" class="up" onclick="mgs()">
<div id="box" class="box" > </div>
<div class="ad1"><button style="background-color: lightcyan; ">Ads</button> <a
href="[Link]" target="_blank" ><button style="transform:
translate(40px,50px);">CLICK ME</button><br><br><br><br><br>Learn more</a></div>
<a href="[Link]"><video src="Antivirusad.mp4" class="ad2" autoplay loop
muted></video></a>
<script>
[Link] = function (k) {
if ([Link] === "Enter") {
mgs();
}
}
function mgs() {
let mgsbox= [Link]("mgsbox")
let box= [Link]("box")
let input= [Link]("input").value
if (input== "") return;
let ubox= [Link]("div")
let umgs= [Link]("p")
[Link]="mgsbox"
[Link]=input
[Link](ubox)
[Link](umgs)
if ([Link]("hi")) {
let botmgs= [Link]("p")
[Link] ="BOT:Hello there, WHATS UP?"
[Link](botmgs)
else if ([Link]("bye")) {
let botmgs= [Link]("p")
[Link] = "Bot: Okay bye!See ya again ."
[Link](botmgs)
}
else if ([Link]("how are you")) {
let botbox= [Link] ("div")
let botmgs = [Link]("p")
[Link] = "botbox"
[Link] = " Im alright. what about you?"
[Link](botbox)
[Link] (botmgs)
}
else if ([Link]("pasa")) {
let botmgs= [Link]("p")
[Link] ='50px'
[Link] = "Bot:ASAP"
[Link](botmgs)}
else if ([Link]("time")) {
const now= new Date();
let hours= [Link]();
let mintues = [Link]();
let seconds = [Link]();
if (hours<10) {
hours="0"+hours;}
else {
hours=hours}
if (mintues<10) {
mintues="0"+mintues;}
else {
mintues=mintues
}
if (seconds<10) {
seconds="0"+seconds;
}
else {
seconds=seconds
let botmgs= [Link]("p")
[Link] = "BOT:"+hours+":"+mintues+":"+seconds;
[Link](botmgs)}
else {
let botmgs = [Link]("p")
[Link] = "Bot: Im not familiar with that. Contact developer to add
information"
[Link](botmgs)
}
[Link]({
top: [Link],
behavior: "smooth"
});
[Link]("input").value=""
[Link]("input").focus()
</script>
</body>
</html>