abstract:js制作燈泡小案例用js控制燈泡開關(guān)<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
js制作燈泡小案例
用js控制燈泡開關(guān)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>light</title> <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> .light{width: 300px; height: 300px; margin: 200px auto; line-height: 300px;} .light i{border: 1px solid #fff; display: inline-block; color:#f2f2f2; font-size:200px; } </style> <script type="text/javascript"> var y=1; function lightOpen(x){ if(y==1){ x.style.color='#f2f579'; y=0; }else if(y==0){ x.style.color='#f2f2f2'; y=1; } } </script> </head> <body> <div class="light" > <i class="fa fa-lightbulb-o " id="light_1" onclick="lightOpen(this)"></i> </div> </body> </html>
Correcting teacher:天蓬老師Correction time:2019-01-05 14:30:28
Teacher's summary:js函數(shù)中的變量使用有意思的單詞,盡量避免單個(gè)的字母和數(shù)字,這在軟件開發(fā)中叫“魔術(shù)字符或魔術(shù)變量”,在大項(xiàng)目中是大忌