Yeni sayfanın başlığı
Document
*{
margin: 0;
padding: 0;
box-sizing:border-box;
text-decoration:none;
list-style:none;
}
body{
font-family: 'Roboto', sans-serif;
}
.pencere{
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border:5px solid #2980b9;
width:850px;
height:500px;
}
.ust{
padding:15px;
background-color:#2980b9;
color:white;
}
.icerik{
position: relative;
width:100%;
height:80%;
overflow:scroll;
overflow-x:hidden;
padding:15px;
}
.icerik::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
.icerik::-webkit-scrollbar-thumb
{
background-color: #1abc9c;
}
.gonder{
height:50px;
background-color:#2980b9;
line-height:50px;
}
input[type="text"]{
background-color:transparent;
outline:0;
padding:7px;
border:0;
width:79%;
box-sizing:border-box;
color:white;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: white;
}
input[type="button"]{
background-color:white;
outline:0;
height:40px;
padding:7px;
border:0;
width:20%;
margin-left: 3px;
box-sizing:border-box;
color:#2980b9;
cursor:pointer;
border:2px solid white;
transition:.4s;
}
input[type="button"]:hover{
color:white;
background-color: #2980b9;
}
p{
padding:10px;
background-color:#EDEEF1;
margin-top: 5px;
margin-bottom: 10px;
color:#222;
border-radius:5px;
word-wrap: break-word;
line-height:25px;
}
function mesajGonder(){
var metin = document.getElementById("mesaj").value;
var yeniElement = document.createElement("p");
var icerik = document.createTextNode(metin);
yeniElement.appendChild(icerik);
var icerik = document.getElementById("icerik");
icerik.appendChild(yeniElement);
document.getElementById("mesaj").value = "";
document.getElementById("icerik").scrollTop += 9999; /* yazdıkça scrollda gelsin */
}
/* enter tuşu ile gönderme */
document.getElementById("mesaj").addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode == 13) {
document.getElementById("button").click();
document.getElementById("icerik").scrollTop += 9999; /* yazdıkça scroolda gelsin */
}
});