jamejam123
سه شنبه 05 فروردین 1393, 02:27 صبح
سلام
به این دو نوع روش برنامه نویسی یه نگا بندازید.
در حالی که هر دو نوع کار یکسانی انجام می دهند به نظرتان کدام بهتر است؟چرا؟
روش اول
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id="one" style="width:100px; height:30px; background:#CCC; padding:40px;"></div>
<script type="text/javascript">
(function(){
document.getElementById('one').addEventListener('c lick',function(){yes(this)})
function yes(ok){
ok.style.backgroundColor='red';
}
})();
</script>
</body>
</html>
روش دوم
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id="one" style="width:100px; height:30px; background:#CCC; padding:40px;"></div>
<script type="text/javascript">
document.getElementById('one').onclick=function(){
this.style.backgroundColor='red';
}
</script>
</body>
</html>
ممنون
به این دو نوع روش برنامه نویسی یه نگا بندازید.
در حالی که هر دو نوع کار یکسانی انجام می دهند به نظرتان کدام بهتر است؟چرا؟
روش اول
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id="one" style="width:100px; height:30px; background:#CCC; padding:40px;"></div>
<script type="text/javascript">
(function(){
document.getElementById('one').addEventListener('c lick',function(){yes(this)})
function yes(ok){
ok.style.backgroundColor='red';
}
})();
</script>
</body>
</html>
روش دوم
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<div id="one" style="width:100px; height:30px; background:#CCC; padding:40px;"></div>
<script type="text/javascript">
document.getElementById('one').onclick=function(){
this.style.backgroundColor='red';
}
</script>
</body>
</html>
ممنون