Tryit Editor - Free-Learn

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

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

.MyBox{
 background-color:#fff;
 box-shadow: 2px 5px 30px rgba(0,0,0,.1);
 max-width:500px;
 min-height:200px;
 margin:10px auto;
 padding:10px;
 text-align:center;
}

#Result{
 color:red;
}

#Taeed, #BoxUserCode ,#Taeed_Shode{
 display:none;
}

</style>
</head>
<body>

<h2 id="MyTitle">بروی دکمه کلیک کن تا کد تولید بشه</h2>
<button id="Tolid" onclick="Tolid_Code(1000,9999);">تولید کن</button>
<button id="Taeed" onclick="Taeed_Code();">تایید کن</button>

</div>

function Tolid_Code( min , max ){
 var MyResult = Math.floor(Math.random() * (max - min)) + min;
 document.getElementById('Result').innerHTML = MyResult;
 document.getElementById('Detalis').innerHTML = "کد ارسال شد، لطفا تاییدش کنید";
 document.getElementById('BoxUserCode').style.display = "block";
 document.getElementById('Tolid').style.display = "none";
 document.getElementById('Taeed').style.display = "inline-block";
}

</script>

</body>
</html>

سایت آموزشی فری لرن