25:["$","title",null,{"children":"Final Project - Automation, Coding Cours | Waleed Algaydi | Observable"}] 49:T988,

Enter Included Letters: Enter Excluded Letters: Enter Word Length:

Filter words based on letter positions:

Letter 1

Letter 2

Letter 3

Letter 4

Letter 5

4a:T1436,FileAttachment("words@1.csv").csv() .then(data => { const wordList = data.map(row => row.wordList); // استخراج الكلمات من العمود wordList// Extract words from word list column let filteredWords = []; // لتخزين الكلمات المفلترة To store filtered words // ربط الزر بوظيفة الفلترة Bind button to filter function document.querySelector("#filterWords").addEventListener("click", () => { let includedLetters = document.querySelector("#includedLetters").value.toLowerCase(); let excludedLetters = document.querySelector("#excludedLetters").value.toLowerCase(); const wordLength = parseInt(document.querySelector("#wordLength").value); // التعامل مع الحروف المدخلة (فصل الحروف باستخدام النقاط) Handling input characters (separating characters using dots) if (includedLetters) { includedLetters = includedLetters.split('.').join(""); // إزالة النقاط وتحويل النص إلى حرف حرف // Remove dots and convert text to character } if (excludedLetters) { excludedLetters = excludedLetters.split('.').join(""); // إ// إزالة النقاط وتحويل النص إلى حرف حرف // Remove dots and convert text to character } // تحقق إذا كانت الحقول فارغة أو لم يتم إدخالها Check if fields are empty or not entered. filteredWords = wordList.filter(word => { const includesAll = !includedLetters || includedLetters.split("").every(char => word.toLowerCase().includes(char.toLowerCase())); const matchesLength = !wordLength || word.length === wordLength; const excludesAll = !excludedLetters || !excludedLetters.split("").some(char => word.toLowerCase().includes(char.toLowerCase())); return includesAll && matchesLength && excludesAll; }); // فلترة الكلمات بناءً على المربعات (فقط إذا تم إدخال أي قيمة في المربعات) Filter words based on boxes (only if any value is entered in the boxes) filteredWords = filteredWords.filter(word => { const boxes = []; for (let i = 1; i <= 5; i++) { boxes.push(document.querySelector(`#box${i}`).value.toLowerCase()); } // إذا كانت المربعات تحتوي على قيم مدخلة، سيتم التأكد من أن الكلمة تطابق هذه القيم في المواقع المحددة If the boxes contain entered values, the word will be checked to match those values in the specified locations. for (let i = 0; i < boxes.length; i++) { if (boxes[i] && boxes[i] !== word[i].toLowerCase()) { return false; } } return true; }); // عرض النتائج Show results const resultsDiv = document.querySelector("#results"); if (filteredWords.length > 0) { resultsDiv.innerHTML = `Found ${filteredWords.length} words matching the letters and length ${wordLength}:
` + `

${filteredWords.join(", ")}

`; // عرض الكلمة الأولى في النتائج وتعبئة المربعات Show the first word in the results and fill in the boxes const firstWord = filteredWords[0]; // التأكد من أنه سيتم ملء 5 مربعات كحد أقصى Ensure that a maximum of 5 squares will be filled in. for (let i = 0; i < 5; i++) { // const box = document.querySelector(`#box${i + 1}`); // إذا كانت الكلمة تحتوي على الحرف في هذا الموضع، وضع الحرف في المربع If the word contains the letter in this position, put the letter in the box. if (i < firstWord.length) { box.value = firstWord[i]; // وضع الحرف في المربع Put the letter in the box } else { box.value = ''; // إذا كانت الكلمة تحتوي على أقل من 5 حروف، ترك المربع فارغًا If the word contains less than 5 letters, leave the box blank. } } } else { resultsDiv.textContent = "No words found matching the letters and length."; } }); // ربط الزر بوظيفة إعادة التعيين Bind the button to the reset function. document.querySelector("#resetButton").addEventListener("click", () => { // إعادة تعيين جميع الحقول document.querySelector("#includedLetters").value = ''; document.querySelector("#wordLength").value = ''; document.querySelector("#excludedLetters").value = ''; // إعادة تعيين الحروف المستبعدة document.querySelector("#results").textContent = ''; // مسح المربعات for (let i = 1; i <= 5; i++) { // تعديل من 6 إلى 5 document.querySelector(`#box${i}`).value = ''; } // إعادة تعيين الكلمات المفلترة filteredWords = []; }); }); 4b:[{"id":"16b2a4b39d2ed08e29f6ff30c49d8eb02a6d42cb90faf8e33ec33d55f4ee57a0de72f312bb861c0f6f3c7f08cb4bd0244cb5fd25887bc8ef80e72ebae9c275df","href":"https://static.observableusercontent.com/files/16b2a4b39d2ed08e29f6ff30c49d8eb02a6d42cb90faf8e33ec33d55f4ee57a0de72f312bb861c0f6f3c7f08cb4bd0244cb5fd25887bc8ef80e72ebae9c275df","name":"words@1.csv","type":"text/csv","lastModified":1732121785441.612,"size":111940},{"id":"a708688b94ebc01255e2e1a359047fef56514a6d38c6b85f12651753c264d3dd57a50a7c798f93d673c2c1470de5637ad0d4b8b58303a0fe4bc220ad8090ec8d","href":"https://static.observableusercontent.com/files/a708688b94ebc01255e2e1a359047fef56514a6d38c6b85f12651753c264d3dd57a50a7c798f93d673c2c1470de5637ad0d4b8b58303a0fe4bc220ad8090ec8d","name":"words.csv","type":"text/csv","lastModified":1731982230227.639,"size":398916}] 29:{"id":"d4e49738c518bff4","slug":null,"title":"Final Project - Automation, Coding Cours","thumbnail":"87eed77d31ca38da8d627b8acd9e206c6ccb7d7b0bd719fc4941833a1bef9c83","access_level":"unlisted","create_time":"$D2024-11-19T02:09:59.002Z","update_time":"$D2024-11-21T05:57:43.561Z","view_time":null,"first_public_time":"$D2024-11-20T05:59:39.668Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"0afdea89a24557a0","login":"waleed-algaydi","name":"Waleed Algaydi","avatar_url":"https://avatars-next.observableusercontent.com/58bd4a6769771721d71d5741b9b8a58171a12586fb0329b73f9096b84fe493d7","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":200,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"381fefe528225bbe","login":"waleed-algaydi","name":"Waleed Algaydi","avatar_url":"https://avatars-next.observableusercontent.com/c2badee7317c36666af5607ceb315b411288c602da691edc7d08868af0c9dedb","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"381fefe528225bbe","login":"waleed-algaydi","name":"Waleed Algaydi","avatar_url":"https://avatars-next.observableusercontent.com/c2badee7317c36666af5607ceb315b411288c602da691edc7d08868af0c9dedb","tier":null,"role":"editor"},{"type":"team","id":"0afdea89a24557a0","login":"waleed-algaydi","name":"Waleed Algaydi","avatar_url":"https://avatars-next.observableusercontent.com/58bd4a6769771721d71d5741b9b8a58171a12586fb0329b73f9096b84fe493d7","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Final Project - Automation, Coding Cours","cells":[{"id":13,"value":"# Final Project - Automation, Coding Cours \n### _This an observable web app that will help you to solve [Wordle](https://wordly.org/) _\n### Video: [Youtube Link](https://www.youtube.com/watch?v=VrGEJkdOFgQ&ab_channel=WaleedG) \n##### **Prepared for Professor:** Foong Soon Cheong\n##### ** Made with love by** : [Waleed Algaydi](https://www.linkedin.com/in/waleed-algaydi/)\n###### **Work smarter not harder**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":163,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"FileAttachment(\"words@1.csv\").csv()\n .then(data => {\n console.log(data); // عرض البيانات بالكامل لتأكد من وجود العمود wordList\n const wordList = data.map(row => row.wordList); // استخراج الكلمات من العمود wordList\n console.log(wordList.slice(0, 10)); // عرض أول 10 كلمات للتأكد\n });\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$49","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"words2 = FileAttachment(\"words@1.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"wordsList = FileAttachment(\"words@1.csv\").text()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"cleanedWordlist = wordsList.split('\\r\\n')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"viewof select = Inputs.select(cleanedWordlist, {label: \"Select a word\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"letterCounts = cleanedWordlist.join('')\n .split('')\n .reduce((acc, letter) => {\n acc[letter] = (acc[letter] || 0) + 1;\n return acc;\n }, {})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"// Count only letters and create sorted data\nletterData = Object.entries(letterCounts)\n .filter(([char]) => /[a-z]/i.test(char)) // Only keep letters\n .map(([letter, count]) => ({letter, count}))\n .sort((a, b) => b.count - a.count) // Sort by frequency descending","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"Plot.plot({\n height: 500, \n width: 800,\n marginLeft: 50,\n marginBottom: 40,\n x: {\n label: \"Letter\",\n domain: letterData.map(d => d.letter) \n },\n y: {\n label: \"Frequency\",\n grid: true\n },\n marks: [\n Plot.barY(letterData, {\n x: \"letter\", \n y: \"count\",\n fill: \"steelblue\",\n title: d => `${d.letter}: ${d.count}` \n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null