OUTPUT :
CODE :-
<html>
<head>
<title>Chat Box</title>
<style type="text/css">
body{
background-image:url("chat.jpg");
}
#v1{
background-color:pink;
width:180px;
float:right;
text-align:center;
border-radius:10px;
}
#v2{
background-color:pink;
width:180px;
border-radius:10px;
text-align:center;
}
</style>
<script type="text/javascript">
function me()
{
var m1=document.getElementById("msg1").value;
var m2=document.getElementById("msg2").value;
document.getElementById("txtare").value=m1+"\n"+m2;
}
</script>
</head>
<body>
<form name="f1" method="">
<div id="v2">
Me:<br>Msg 1:<input type="text" id="msg1"><br>
<input type="button" name="btn" value="Send" onclick="me()">
</div>
<div id="v1">
Friend:<br>Msg 2:<input type="text" id="msg2"><br>
<input type="button" name="btn" value="Send" onclick="me()">
</div>
<div style="margin-top:100px;margin-left:220px;">
<textarea id="txtare" style="height:100px;"></textarea>
</div>
</body>
</html>
No comments:
Post a Comment