Tryit Method and Properties JavaScript

<!DOCTYPE html>
<html>
<head>
<style>

*{
 box-sizing:border-box;
}

body{
 background-color:#f2f2f2;
 direction:rtl;
 font-family:tahoma;
 font-size:15px;
}

.MyBox{
 max-width:700px;
 background-color:#fff;
 padding:10px;
 margin:10px auto;
}

input[type=text]{
 width:100%;
 padding:10px;
 border:2px solid black;
}

h2,p{
 text-align:center;
}

.mybtn{
 background-color:#5db616;
 color:#fff;
 padding:8px 10px;
 text-decoration:none;
 display: inline-block;
 cursor: pointer;
 border-radius:6px;
 border:2px solid #5db616;
 text-align:center;
 width:100%;
}

.mybtn:hover{
 background-color:#fff;
 border:2px solid #5db616;
 color:#000;
}

</style>
</head>
<body>

<div class="MyBox">
<p id="MyText">
سایت آموزشی فری لرن ، آموزش زبان های برنامه نویسی طراحی وب، این سایت تا همیشه رایگان خواهد بود.
</p>

<input type="text" id="UserInput" placeholder="یه چیزی از متن بالا را اینجا جستجو بزن">
<p>
 <button class="mybtn" onclick="Search();">جستجو بزن</button>
</p>
<h2 id="Result"></h2>
</div>

}

</script>

</body>
</html>

Www.Free-Learn.Ir