席替え占いシミュレーション
席替えの占いシミュレーションです。
男性の席ボタン、女性の席ボタンを押すと男女それぞれの席がランダムで配置されます。
うまく意中の相手と隣の席になれるかな？？
※chrome推奨です。
席順を表示できる改良版を公開しました。
席替えシミュレーションV2
gitにソースを公開しております。
席替え占いシミュレーション
主なソースとしてjsはこんな感じです。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
const line = 6; const column = 6; const maxSeats = 40; var limitCt = 0; window.onload = function() { let k = 1; for (let i = 1; i <= line; i++) { for (let j = 1; j <= column; j++) { const div = document.createElement('div'); div.id='seat_' + k; div.classList.add('box'); div.classList.add('flex'); document.body.appendChild(div); k++; } const div2 = document.createElement('div'); document.body.appendChild(div2); } const div = document.createElement('div'); div.classList.add('box'); div.classList.add('flex'); div.classList.add('dummy'); document.body.appendChild(div); for (let i = 1; i < 5; i++) { const div = document.createElement('div'); div.id='seat_' + k; div.classList.add('box'); div.classList.add('flex'); document.body.appendChild(div); k++; } } var setSheat = function(clickedButton) { let setCt = true; while(setCt && limitCt < maxSeats){ let seatCt = Math.floor(Math.random() * 40 + 1); let attr = document.getElementById("seat_" + seatCt); if (!attr.classList.contains('man') && !attr.classList.contains('woman')){ attr.classList.add(clickedButton); setCt = false; limitCt++; } } }; var reset = function() { for (let k = 1; k <= maxSeats; k++) { var attr = document.getElementById("seat_" + k); if (attr.classList.contains('man')){ attr.classList.remove('man'); } if (attr.classList.contains('woman')){ attr.classList.remove('woman'); } } limitCt = 0; }; |
私の今までの成果物はこちらです。
成果物一覧