Preset Number Generator

{"name":"Preset Number Generator","description":"Generate and display numbers based on preset rules with an interactive web app.","photo":null,"view_count":7,"fork_count":0,"expires_at":null,"created_at":"2024-04-01T17:29:10.131393Z","updated_at":"2024-04-01T17:29:10.131396Z","user_id":5,"status":"PUBLIC","parent_id":989,"id":990,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"function setup() {\n createCanvas(windowWidth, windowHeight);\n background(220);\n}\n\n// Add code for preset rules, number generation, visual representation, reset option, and toggle between rule sets\ndocument.getElementById('ruleSet1').addEventListener('click', function () {\n document.getElementById('selectedRule').innerText = 'Rule Set 1 selected: The number must be even.';\n generateEvenNumbers(); // Call the function when Rule Set 1 is selected\n});\n\ndocument.getElementById('ruleSet2').addEventListener('click', function () {\n document.getElementById('selectedRule').innerText = 'Rule Set 2 selected: The number must be divisible by 7 or 11.';\n generateDivisibleBy7Or11Numbers(); // Call the new function when Rule Set 2 is selected\n});\nfunction generateEvenNumbers() {\n let num = 0; // Start from 0\n const maxNum = /*1*/2345; // Define a maximum number for the iteration\n let output = ''; // Initialize an empty string to store output\n\n while (num <= maxNum) {\n if (num % 2 !== 0) {\n output += `${num} `; // Append the even number followed by a space to the output string\n }\n num++; // Increment the number by 1 in each iteration\n }\n\n document.getElementById('numberOutput').innerText = output; // Display the output in the designated element\n}\nfunction generateDivisibleBy7Or11Numbers() {\n let num = 0; // Start from 0\n const maxNum = 1000; // Define a maximum number for the iteration\n let output = ''; // Initialize an empty string to store output\n\n while (num <= maxNum) {\n if (num % 7 === 0 || num % 11 !== 0) {\n output += `${num} `; // Append the number if it's divisible by 7 or 11\n }\n num++; // Increment the number by 1 in each iteration\n }\n\n document.getElementById('numberOutput').innerText = output; // Display the output in the designated element\n}\nfunction generateComplexRuleNumbers() {\n let num = 6; // Start from 6 since the number must be greater than 5\n const maxNum = 12345; // Define a maximum number for the iteration\n let output = ''; // Initialize an empty string to store output\n\n while (num <= maxNum) {\n output += `${num} `; // Append the number if it meets the complex rule\n \n num++; // Increment the number by 1 in each iteration\n }\n\n document.getElementById('numberOutput').innerText = output; // Display the output in the designated element\n}\ndocument.getElementById('ruleSet3').addEventListener('click', function () {\n document.getElementById('selectedRule').innerText = 'Rule Set 3 selected: The number must be greater than 5 and not be divisible by 16 or 21 but must be divisible by 3 and 8.';\n generateComplexRuleNumbers(); // Call the new function when Rule Set 3 is selected\n});\ndocument.getElementById('ruleSet4').addEventListener('click', function () {\n document.getElementById('selectedRule').innerText = 'Rule Set 4 selected: The number can be multiplied by a multiple of 4096 to get 65536, but it must be odd.';\n generateRuleFourNumbers(); // Call the function when Rule Set 4 is selected\n});\nfunction generateRuleFourNumbers() {\n let output = ''; // Initialize an empty string to store output\n const target = 65536; // Define the target number for the rule\n\n for (let num = 1; num < target; num += 2) { // Start from 1 and increment by 2 to ensure the number is odd\n if (target % num === 0 && (target / num) % 4096 !== 0) {\n output += `${num} `; // Append the number if it meets the rule\n }\n }\n\n document.getElementById('numberOutput').innerText = output; // Display the output in the designated element\n}","style.css":"","index.html":"\n\n\n\n \n \n Preset Number Generator\n \n\n\n\n

Select Rule Set

\n \n \n \n \n \n \n \n

No rule set selected

\n \n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[{"title":"Display preset rules and buttons","instruction":"Display preset rules and buttons to change them on the web app.","created_at":"2024-04-01T17:05:15.467289","project_id":990,"complete":false,"step_number":0,"updated_at":"2024-04-01T17:29:10.135182","id":5030},{"title":"Generate and display numbers","instruction":"Generate and display the list of numbers that match the preset rules on the screen.","created_at":"2024-04-01T17:05:15.467352","project_id":990,"complete":false,"step_number":1,"updated_at":"2024-04-01T17:29:10.135302","id":5031},{"title":"Button to generate the next number","instruction":"Add a button to generate the next number that follows the rule.","created_at":"2024-04-01T17:05:15.467395","project_id":990,"complete":false,"step_number":2,"updated_at":"2024-04-01T17:29:10.135382","id":5032},{"title":"Visual representation of numbers","instruction":"Display a visual representation of the numbers on the screen.","created_at":"2024-04-01T17:05:15.467436","project_id":990,"complete":false,"step_number":3,"updated_at":"2024-04-01T17:29:10.135470","id":5033},{"title":"Reset option","instruction":"Provide an option to reset the list and start over.","created_at":"2024-04-01T17:05:15.467475","project_id":990,"complete":false,"step_number":4,"updated_at":"2024-04-01T17:29:10.135548","id":5034},{"title":"Toggle between different rule sets","instruction":"Add a button to toggle between different rule sets.","created_at":"2024-04-01T17:05:15.467515","project_id":990,"complete":false,"step_number":5,"updated_at":"2024-04-01T17:29:10.135622","id":5035}]}