FizzBuzz問題をJavaScriptで ginpei Follow 2011-10-08 03:25:49 License: MIT License Fork6 Fav0 View1236 書いたらこうなりました。 これが面白かったので： FizzBuzz問題を使って社内プログラミングコンテストを開催してみた - ITは芸術だ http://d.hatena.ne.jp/JunichiIto/20111007/1317976730 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 33 lines HTML 1 lines CSS 4 lines 書いたらこうなりました。 これが面白かったので： FizzBuzz問題を使って社内プログラミングコンテストを開催してみた - ITは芸術だ http://d.hatena.ne.jp/JunichiIto/20111007/1317976730 FizzBuzz問題をJavaScriptで (function() { var FIZZ_NUM = 3; var BUZZ_NUM = 5; var elList = document.getElementById('fuzzbizz-list'); function addElItem(text, className) { var el = document.createElement('li'); el.appendChild(document.createTextNode(text)); el.className = className; elList.appendChild(el); } function fizzBuzz(max) { for (var i = 1; i <= max; i++) { var keys = [] if (i % FIZZ_NUM == 0) { keys[keys.length] = 'Fizz'; } if (i % BUZZ_NUM == 0) { keys[keys.length] = 'Buzz'; } var text = (keys.length > 0 ? keys.join('') : i); var className = (keys.length > 0 ? keys.join(' ').toLowerCase() : ''); addElItem(text, className); } } fizzBuzz(100); }()); <ul id="fuzzbizz-list"></ul> FizzBuzz問題をJavaScriptで body { font-family: fantasy; } .fizz { color: red; } .buzz { color: blue; } .fizz.buzz { color: green; } 書いたらこうなりました。 これが面白かったので： FizzBuzz問題を使って社内プログラミングコンテストを開催してみた - ITは芸術だ http://d.hatena.ne.jp/JunichiIto/20111007/1317976730 (function() { var FIZZ_NUM = 3; var BUZZ_NUM = 5; var elList = document.getElementById('fuzzbizz-list'); function addElItem(text, className) { var el = document.createElement('li'); el.appendChild(document.createTextNode(text)); el.className = className; elList.appendChild(el); } function fizzBuzz(max) { for (var i = 1; i <= max; i++) { var keys = [] if (i % FIZZ_NUM == 0) { keys[keys.length] = 'Fizz'; } if (i % BUZZ_NUM == 0) { keys[keys.length] = 'Buzz'; } var text = (keys.length > 0 ? keys.join('') : i); var className = (keys.length > 0 ? keys.join(' ').toLowerCase() : ''); addElItem(text, className); } } fizzBuzz(100); }()); <ul id="fuzzbizz-list"></ul> body { font-family: fantasy; } .fizz { color: red; } .buzz { color: blue; } .fizz.buzz { color: green; } use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか？ 書いたらこうなりました。 これが面白かったので： FizzBuzz問題を使って社内プログラミングコンテストを開催してみた - ITは芸術だ http://d.hatena.ne.jp/JunichiIto/20111007/1317976730 Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <script type="text/javascript" src="http://jsdo.it/blogparts/mljv/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/ginpei/mljv" title="FizzBuzz問題をJavaScriptで">FizzBuzz問題をJavaScriptで - jsdo.it - share JavaScript, HTML5 and CSS</a></p> FizzBuzz Tweet twitter Tags FizzBuzz Forked sort new page view favorite forked FizzBuzz問題をCSSで ginpei 04 3661views 11/1/31 CSS FizzBuzz FizzBuzz問題をCSSで forked: FizzBu.. ksk1015 08 2185views 9/1/18 FizzBuzz forked: FizzBuzz問題をJavaScriptで.. trkbt10 00 78views 34/1/4 FizzBuzz forked: なべあつ問題をJavaScriptで trkbt10 00 156views 45/1/4 FizzBuzz プロゴルファー・猿 世界のナベアツ 1 2NEXT>>
