Lonkkakirjaingeneraattori<\/title>\n <style>\n .genotype-container {\n display: flex;\n margin-bottom: 20px;\n }\n .genotype-select {\n flex: 1;\n margin-right: 10px;\n text-align: center;\n }\n .genotype-image {\n display: block;\n max-width: 100px;\n margin: 2px auto;\n }\n .puppy {\n display: inline-block;\n text-align: center;\n margin: 1px;\n }\n .puppyzero {\n text-align: center;\n }\n .puppy-row {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n }\n .genotype-text {\n font-weight: bold;\n margin-top: 1px;\n }\n .disease-text {\n font-size: 0.5em;\n color: #555;\n margin-top: 0;\n }\n button[type=\"submit\"] {\n position: relative; \n top: -25px;\n }\n label {\n font-weight: bold;\n }\n .lonkka-text {\n position: relative;\n display: block;\n margin: 0;\n padding: 0;\n font-weight: bold;\n }\n .disease-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n font-size: 0.9em;\n line-height: 1.2;\n }\n .disease-list li {\n padding-left: 0;\n display: inline-block;\n }\n .disease-list span {\n display: inline-block;\n }\n .puppy img {\n margin-top: 5px;\n margin-bottom: 5px;\n }\n .puppy span {\n margin-top: 0;\n margin-bottom: 2px;\n }\n <\/style>\n<\/head>\n\n<body>\n\n<form id=\"genotypeForm\">\n <div class=\"genotype-container\">\n <div class=\"genotype-select\">\n <label for=\"parent1\">Male A-locus:<\/label>\n <select id=\"parent1\" name=\"parent1\" required>\n <option value=\"DY\/DY\">Red (DY\/DY)<\/option>\n <option value=\"DY\/SY\">Red (DY\/SY)<\/option>\n <option value=\"DY\/AG\">Red (DY\/AG)<\/option>\n <option value=\"DY\/BB\">Red (DY\/BB)<\/option>\n <option value=\"SY\/SY\">Red Sesame (SY\/SY)<\/option>\n <option value=\"SY\/AG\">Red Sesame (SY\/AG)<\/option>\n <option value=\"SY\/BB\">Red Sesame (SY\/BB)<\/option>\n <option value=\"AG\/AG\">Black Sesame (AG\/AG)<\/option>\n <option value=\"AG\/BB\">Black Sesame (AG\/BB)<\/option>\n <option value=\"BB\/BB\">Black & Tan (BB\/BB)<\/option>\n <\/select>\n <label for=\"parent1E\">Male E-locus:<\/label>\n <select id=\"parent1E\" name=\"parent1E\" required>\n <option value=\"VARI\/VARI\">Does not carry cream (E\/E)<\/option>\n <option value=\"VARI\/VALK\">Carries cream (E\/e)<\/option>\n <option value=\"VALK\/VALK\">Is cream (e\/e)<\/option>\n <\/select>\n <img decoding=\"async\" id=\"parent1Image\" class=\"genotype-image\" src=\"https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaydark.jpg\" alt=\"Oletuskuva\">\n <div id=\"parent1Genotype\" class=\"parent-genotype\"><\/div>\n <\/div>\n\n <div class=\"genotype-select\">\n <label for=\"parent2\">Female A-locus:<\/label>\n <select id=\"parent2\" name=\"parent2\" required>\n <option value=\"DY\/DY\">Red (DY\/DY)<\/option>\n <option value=\"DY\/SY\">Red (DY\/SY)<\/option>\n <option value=\"DY\/AG\">Red (DY\/AG)<\/option>\n <option value=\"DY\/BB\">Red (DY\/BB)<\/option>\n <option value=\"SY\/SY\">Red Sesame (SY\/SY)<\/option>\n <option value=\"SY\/AG\">Red Sesame (SY\/AG)<\/option>\n <option value=\"SY\/BB\">Red Sesame (SY\/BB)<\/option>\n <option value=\"AG\/AG\">Black Sesame (AG\/AG)<\/option>\n <option value=\"AG\/BB\">Black Sesame (AG\/BB)<\/option>\n <option value=\"BB\/BB\">Black & Tan (BB\/BB)<\/option>\n <\/select>\n <label for=\"parent2E\">Female E-locus:<\/label>\n <select id=\"parent2E\" name=\"parent2E\" required>\n <option value=\"VARI\/VARI\">Does not carry cream (E\/E)<\/option>\n <option value=\"VARI\/VALK\">Carries cream (E\/e)<\/option>\n <option value=\"VALK\/VALK\">Is cream (e\/e)<\/option>\n <\/select>\n <img decoding=\"async\" id=\"parent2Image\" class=\"genotype-image\" src=\"https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaydark.jpg\" alt=\"Oletuskuva\">\n <div id=\"parent2Genotype\" class=\"parent-genotype\"><\/div>\n <\/div>\n <\/div>\n\n <br><br>\n <button type=\"submit\">Breed!<\/button>\n <\/form>\n\n\n <div id=\"results\" class=\"puppy-container\"><\/div>\n\n <script>\n\/\/ A-lokuksen valikon tapahtumank\u00e4sittelij\u00e4\ndocument.getElementById('parent1').addEventListener('change', function(event) {\n updateAlocusImage(event.target);\n});\n\ndocument.getElementById('parent2').addEventListener('change', function(event) {\n updateAlocusImage(event.target);\n});\n\n\/\/ E-lokuksen valikon tapahtumank\u00e4sittelij\u00e4\ndocument.getElementById('parent1E').addEventListener('change', function(event) {\n updateElocusImage(event.target);\n});\n\ndocument.getElementById('parent2E').addEventListener('change', function(event) {\n updateElocusImage(event.target);\n});\n\n\/\/ Funktiot A-lokuksen ja E-lokuksen kuvan p\u00e4ivitt\u00e4miseen\nfunction updateAlocusImage(target) {\n var imageId = target.id + 'Image';\n var selectedValue = target.value.trim().toUpperCase();\n var eLocusValue = document.getElementById(target.id + 'E').value.trim().toUpperCase();\n\n var imageUrl = getParentImageUrl(selectedValue, eLocusValue);\n var imageElement = document.getElementById(imageId);\n\n imageElement.src = imageUrl;\n imageElement.classList.remove('hidden');\n imageElement.style.display = 'block';\n}\n\nfunction updateElocusImage(target) {\n var imageId = target.id.replace(\/E$\/, '') + 'Image';\n var selectedValue = document.getElementById(target.id.replace(\/E$\/, '')).value.trim().toUpperCase();\n var eLocusValue = target.value.trim().toUpperCase();\n\n var imageUrl = getParentImageUrl(selectedValue, eLocusValue);\n var imageElement = document.getElementById(imageId);\n\n imageElement.src = imageUrl;\n imageElement.classList.remove('hidden');\n imageElement.style.display = 'block';\n}\n \n\n\nfunction getParentImageUrl(genotypeValue, eLocusValue) {\n var imageUrl = '';\n \/\/ Kuvan URL-osoitteen muodostaminen genotyypin ja E-lokusarvon perusteella\n\n\n console.log(\"Genotyyppi: \" + genotypeValue);\n console.log(\"E-lokus: \" + eLocusValue);\n\n\n\n switch (genotypeValue + \" \" + eLocusValue) {\n case 'DY\/DY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaydark.jpg';\n break;\n case 'DY\/DY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaylight.jpg';\n break;\n case 'DY\/DY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkayay.jpg';\n break;\n \n case 'DY\/SY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaysdark.jpg';\n break;\n case 'DY\/SY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayayslight.jpg';\n break;\n case 'DY\/SY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkayays.jpg';\n break;\n\n \n \n case 'DY\/AG VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayawdark.jpg';\n break;\n case 'DY\/AG VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayawlight.jpg';\n break;\n case 'DY\/AG VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkayaw.jpg';\n break;\n \n case 'DY\/BB VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayatdark.jpg';\n break;\n case 'DY\/BB VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayatlight.jpg';\n break;\n case 'DY\/BB VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkayat.jpg';\n break;\n \n case 'SY\/SY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysaysdark.jpg';\n break;\n case 'SY\/SY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysayslight.jpg';\n break;\n case 'SY\/SY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkaysays.jpg';\n break;\n\n case 'SY\/AG VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysawdark.jpg';\n break;\n case 'SY\/AG VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysawlight.jpg';\n break;\n case 'SY\/AG VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkaysaw.jpg';\n break;\n\n case 'SY\/BB VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysatdark2.jpg';\n break;\n case 'SY\/BB VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysatlight2.jpg';\n break;\n case 'SY\/BB VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkaysat.jpg';\n break;\n\n case 'AG\/AG VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/awawdark2.jpg';\n break;\n case 'AG\/AG VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/awawlight.jpg';\n break;\n case 'AG\/AG VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkawaw.jpg';\n break;\n\n case 'AG\/BB VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/awatdark.jpg';\n break;\n case 'AG\/BB VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/awatlight.jpg';\n break;\n case 'AG\/BB VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkawat.jpg';\n break;\n\n case 'BB\/BB VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/atatdark.jpg';\n break;\n case 'BB\/BB VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/atatlight.jpg';\n break;\n case 'BB\/BB VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkatat.jpg';\n break;\n\n\n\n \n \/\/ Lis\u00e4\u00e4 muut tapaukset vastaavasti\n default:\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaydark.jpg';\n }\n\n return imageUrl;\n }\n\n function generateMutant() {\n var randomNumber = Math.floor(Math.random() * 500);\n if (randomNumber === 0) {\n return 'MUTANT';\n }\n return null;\n }\n\n\n function generateBenimaru() {\n var randomNumber = Math.floor(Math.random() * 10000);\n if (randomNumber === 0) {\n return 'BENIMARU';\n }\n return null;\n}\n\n document.getElementById('genotypeForm').addEventListener('submit', function(event) {\n event.preventDefault();\n\n var parent1Genotype = document.getElementById('parent1').value.trim().toUpperCase();\n var parent2Genotype = document.getElementById('parent2').value.trim().toUpperCase();\n var parent1ELocus = document.getElementById('parent1E').value.trim().toUpperCase();\n var parent2ELocus = document.getElementById('parent2E').value.trim().toUpperCase();\n\n var puppiesCount = calculatePuppyCount();\n\n var puppies = [];\n for (var i = 0; i < puppiesCount; i++) {\n var puppyGenotype = generateMutant() || generateBenimaru() || generateRandomPuppyGenotype(parent1Genotype, parent2Genotype, parent1ELocus, parent2ELocus);\n puppies.push(puppyGenotype);\n }\n\n var resultsHTML = '';\n if (puppiesCount === 0) {\n resultsHTML += '<div class=\"puppy\">';\n resultsHTML += '<img decoding=\"async\" src=\"https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/tyhjalaatikko1eng.jpg\" alt=\"Kuva pentulaatikosta\"><br>';\n resultsHTML += '<\/div>';\n } else {\n resultsHTML += '<div class=\"puppy-row\">';\n puppies.forEach(function(genotype, index) {\n var sortedGenotype = genotype.split('\/').sort((a, b) => {\n var order = { 'DY': 1, 'SY': 2, 'AG': 3, 'BB': 4 };\n return order[a] - order[b];\n }).join('\/');\n\n var imageData = getPuppyImageUrl(sortedGenotype);\nvar imageUrl = imageData.imageUrl; \/\/ Access imageUrl property from the returned object\nvar genotypeText = imageData.genotypeText; \/\/ Access genotypeText property from the returned object\n\nresultsHTML += '<div class=\"puppy\">';\nresultsHTML += '<img decoding=\"async\" src=\"' + imageUrl + '\" alt=\"Kuva pennusta\"><br>';\nresultsHTML += '<span class=\"genotype-text\">' + genotypeText + '<\/span><br>'; \/\/ Use genotypeText directly\nresultsHTML += '<\/div>';\n \n \n });\n resultsHTML += '<\/div>';\n }\n\n document.getElementById('results').innerHTML = resultsHTML;\n });\n\n function calculatePuppyCount() {\n var randomNumber = Math.random() * 100;\n if (randomNumber < 15) {\n return 0; \/\/ Tyhj\u00e4 pentulaatikko\n } else if (randomNumber < 22) {\n return 1; \/\/ 1 pentu 7 %\n } else if (randomNumber < 40) {\n return 2; \/\/ 2 pentua 18 %\n } else if (randomNumber < 73) {\n return 3; \/\/ 3 pentua 33%\n } else if (randomNumber < 94) {\n return 4; \/\/ 4 pentua 21 %\n } else {\n return 5; \/\/ 5 pentua 6 %\n }\n }\n\n function generateRandomPuppyGenotype(parent1Genotype, parent2Genotype, parent1ELocus, parent2ELocus) {\n var possibleAlleles1 = parent1Genotype.split('\/');\n var possibleAlleles2 = parent2Genotype.split('\/');\n\n var randomIndex1 = Math.floor(Math.random() * possibleAlleles1.length);\n var randomIndex2 = Math.floor(Math.random() * possibleAlleles2.length);\n\n var allele1 = possibleAlleles1[randomIndex1];\n var allele2 = possibleAlleles2[randomIndex2];\n\n var possibleELocus1 = parent1ELocus.split('\/');\n var possibleELocus2 = parent2ELocus.split('\/');\n\n var randomIndexE1 = Math.floor(Math.random() * possibleELocus1.length);\n var randomIndexE2 = Math.floor(Math.random() * possibleELocus2.length);\n\n var eAllele1 = possibleELocus1[randomIndexE1];\n var eAllele2 = possibleELocus2[randomIndexE2];\n\n return allele1 + '\/' + allele2 + ' ' + eAllele1 + '\/' + eAllele2;\n }\n\n \n\n function getPuppyImageUrl(genotype) {\n var imageUrl = '';\n var genotypeText = ''; \/\/ Lis\u00e4t\u00e4\u00e4n genotypeText-muuttuja t\u00e4h\u00e4n\n\n switch (genotype) {\n case 'DY\/DY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayaydark3eng.jpg';\n genotypeText = 'DY\/DY E\/E';\n break;\n case 'DY\/DY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayaylight3eng.jpg';\n genotypeText = 'DY\/DY E\/e';\n break;\n case 'DY\/DY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayaylight3eng.jpg';\n genotypeText = 'DY\/DY E\/e';\n break;\n case 'DY\/DY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkayay3eng.jpg';\n genotypeText = 'DY\/DY e\/e';\n break;\n case 'DY\/SY VARI\/VARI':\n case 'SY\/DY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayaysdark3eng.jpg';\n genotypeText = 'DY\/SY E\/E';\n break;\n case 'DY\/SY VARI\/VALK':\n case 'SY\/DY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayayslight3eng.jpg';\n genotypeText = 'DY\/SY E\/e';\n break;\n case 'DY\/SY VALK\/VARI':\n case 'SY\/DY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayayslight3eng.jpg';\n genotypeText = 'DY\/SY E\/e';\n break;\n case 'DY\/SY VALK\/VALK':\n case 'SY\/DY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkayays3eng.jpg';\n genotypeText = 'DY\/SY e\/e';\n break;\n case 'DY\/AG VARI\/VARI':\n case 'AG\/DY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayawdark3eng.jpg';\n genotypeText = 'DY\/AG E\/E';\n break;\n case 'DY\/AG VARI\/VALK':\n case 'AG\/DY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayawlight3eng.jpg';\n genotypeText = 'DY\/AG E\/e';\n break;\n case 'DY\/AG VALK\/VARI':\n case 'AG\/DY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayawlight3eng.jpg';\n genotypeText = 'DY\/AG E\/e';\n break;\n case 'DY\/AG VALK\/VALK':\n case 'AG\/DY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkaysaw3eng.jpg';\n genotypeText = 'DY\/AG e\/e';\n break;\n case 'DY\/BB VARI\/VARI':\n case 'BB\/DY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayatdark3eng.jpg';\n genotypeText = 'DY\/BB E\/E';\n break;\n case 'DY\/BB VARI\/VALK':\n case 'BB\/DY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayatlight3eng.jpg';\n genotypeText = 'DY\/BB E\/e';\n break;\n case 'DY\/BB VALK\/VARI':\n case 'BB\/DY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayatlight3eng.jpg';\n genotypeText = 'DY\/BB E\/e';\n break;\n case 'DY\/BB VALK\/VALK':\n case 'BB\/DY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkayat3eng.jpg';\n genotypeText = 'DY\/BB e\/e';\n break;\n case 'SY\/SY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysaysdark3eng.jpg';\n genotypeText = 'SY\/SY E\/E';\n break;\n case 'SY\/SY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysayslight3eng.jpg';\n genotypeText = 'SY\/SY E\/e';\n break;\n case 'SY\/SY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysayslight3eng.jpg';\n genotypeText = 'SY\/SY E\/e';\n break;\n case 'SY\/SY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkaysays3eng.jpg';\n genotypeText = 'SY\/SY e\/e';\n break;\n case 'SY\/AG VARI\/VARI':\n case 'AG\/SY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysawdark3eng.jpg';\n genotypeText = 'SY\/AG E\/E';\n break;\n case 'SY\/AG VARI\/VALK':\n case 'AG\/SY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysawlight3eng.jpg';\n genotypeText = 'SY\/AG E\/e';\n break;\n case 'SY\/AG VALK\/VARI':\n case 'AG\/SY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysawlight3eng.jpg';\n genotypeText = 'SY\/AG E\/e';\n break;\n case 'SY\/AG VALK\/VALK':\n case 'AG\/SY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkaysaw3eng.jpg';\n genotypeText = 'SY\/AG e\/e';\n break;\n case 'SY\/BB VARI\/VARI':\n case 'BB\/SY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysatdark3eng.jpg';\n genotypeText = 'SY\/BB E\/E';\n break;\n case 'SY\/BB VARI\/VALK':\n case 'BB\/SY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysatlight3eng.jpg';\n genotypeText = 'SY\/BB E\/e';\n break;\n case 'SY\/BB VALK\/VARI':\n case 'BB\/SY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysatlight3eng.jpg';\n genotypeText = 'SY\/BB E\/e';\n break;\n case 'SY\/BB VALK\/VALK':\n case 'BB\/SY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkaysat3eng.jpg';\n genotypeText = 'SY\/BB e\/e';\n break;\n case 'AG\/AG VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawawdark3eng.jpg';\n genotypeText = 'AG\/AG E\/E';\n break;\n case 'AG\/AG VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawawlight3eng.jpg';\n genotypeText = 'AG\/AG E\/e';\n break;\n case 'AG\/AG VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawawlight3eng.jpg';\n genotypeText = 'AG\/AG E\/e';\n break;\n case 'AG\/AG VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkawaw3eng.jpg';\n genotypeText = 'AG\/AG e\/e';\n break;\n case 'AG\/BB VARI\/VARI':\n case 'BB\/AG VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawatdark3eng.jpg';\n genotypeText = 'AG\/BB E\/E';\n break;\n case 'AG\/BB VARI\/VALK':\n case 'BB\/AG VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawatlight3eng.jpg';\n genotypeText = 'AG\/BB E\/e';\n break;\n case 'AG\/BB VALK\/VARI':\n case 'BB\/AG VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawatlight3eng.jpg';\n genotypeText = 'AG\/BB E\/e';\n break;\n case 'AG\/BB VALK\/VALK':\n case 'BB\/AG VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkawat3eng.jpg';\n genotypeText = 'AG\/BB e\/e';\n break;\n case 'BB\/BB VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/pentuatatdark3.jpg';\n genotypeText = 'BB\/BB E\/E';\n break;\n case 'BB\/BB VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/pentuatatlight3.jpg';\n genotypeText = 'BB\/BB E\/e';\n break;\n case 'BB\/BB VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/pentuatatlight3.jpg';\n genotypeText = 'BB\/BB E\/e';\n break;\n case 'BB\/BB VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/valkoinenpentuatat3eng.jpg';\n genotypeText = 'BB\/BB e\/e';\n break;\n \n case 'MUTANT':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/mutantti3eng.jpg';\n genotypeText = 'MUTANT';\n break;\n case 'BENIMARU':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/benimaru3.jpg';\n genotypeText = 'REBORN';\n break;\n default:\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/pentuoletus.jpg';\n break; }\n \n \/\/ Palautetaan objekti, joka sis\u00e4lt\u00e4\u00e4 imageUrl ja genotypeText\n return { imageUrl: imageUrl, genotypeText: genotypeText };\n}\n <\/script>\n <\/body>\n\n<\/html> <\/div>\r\n \n\n\n<p>Here's an English version of the coat color generator. This generator produces litters according to the current (2024) understanding of Shiba Inu coat color genetics and the rules of Mendelian inheritance. Random genetic luck affects the coat color ratio in any single litter, just as it does in real life.<\/p>\n\n\n\n<p><br><strong>DY = dominant yellow = ex-Ay<br>SY = shaded yellow = ex-Ays<br>AG = agouti = ex-aw<br>BB = black back = ex-at<\/strong><\/p>\n\n\n\n<p>Colors and hues in AI art puppy pics are only for reference. Red sesame puppies are said to appear red at this age.<\/p>\n\n\n\n<p><br>Generator was coded by ChatGPT.<\/p>\n\n\n\n<p><br>Parent and puppy pics were produced by Craiyon AI art. Please notify if a picture resembles too much some existing dog in a photograph.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here’s an English version of the coat color generator. This generator produces litters according to the current (2024) understanding of Shiba Inu coat color genetics and the rules of Mendelian inheritance. Random genetic luck affects the coat color ratio in any single litter, just as it does in real life. DY = dominant yellow = […]<\/p>\n","protected":false},"author":1,"featured_media":4229,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-container-style":"default","site-container-layout":"default","site-sidebar-layout":"default","site-transparent-header":"default","disable-article-header":"default","disable-site-header":"default","disable-site-footer":"default","disable-content-area-spacing":"default","footnotes":""},"categories":[34],"tags":[],"class_list":["post-4223","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-english"],"_links":{"self":[{"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/posts\/4223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shibalogia.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4223"}],"version-history":[{"count":8,"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/posts\/4223\/revisions"}],"predecessor-version":[{"id":5152,"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/posts\/4223\/revisions\/5152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/media\/4229"}],"wp:attachment":[{"href":"https:\/\/shibalogia.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shibalogia.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shibalogia.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\r\n \n\n\n \n \n Lonkkakirjaingeneraattori<\/title>\n <style>\n .genotype-container {\n display: flex;\n margin-bottom: 20px;\n }\n .genotype-select {\n flex: 1;\n margin-right: 10px;\n text-align: center;\n }\n .genotype-image {\n display: block;\n max-width: 100px;\n margin: 2px auto;\n }\n .puppy {\n display: inline-block;\n text-align: center;\n margin: 1px;\n }\n .puppyzero {\n text-align: center;\n }\n .puppy-row {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n }\n .genotype-text {\n font-weight: bold;\n margin-top: 1px;\n }\n .disease-text {\n font-size: 0.5em;\n color: #555;\n margin-top: 0;\n }\n button[type=\"submit\"] {\n position: relative; \n top: -25px;\n }\n label {\n font-weight: bold;\n }\n .lonkka-text {\n position: relative;\n display: block;\n margin: 0;\n padding: 0;\n font-weight: bold;\n }\n .disease-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n font-size: 0.9em;\n line-height: 1.2;\n }\n .disease-list li {\n padding-left: 0;\n display: inline-block;\n }\n .disease-list span {\n display: inline-block;\n }\n .puppy img {\n margin-top: 5px;\n margin-bottom: 5px;\n }\n .puppy span {\n margin-top: 0;\n margin-bottom: 2px;\n }\n <\/style>\n<\/head>\n\n<body>\n\n<form id=\"genotypeForm\">\n <div class=\"genotype-container\">\n <div class=\"genotype-select\">\n <label for=\"parent1\">Male A-locus:<\/label>\n <select id=\"parent1\" name=\"parent1\" required>\n <option value=\"DY\/DY\">Red (DY\/DY)<\/option>\n <option value=\"DY\/SY\">Red (DY\/SY)<\/option>\n <option value=\"DY\/AG\">Red (DY\/AG)<\/option>\n <option value=\"DY\/BB\">Red (DY\/BB)<\/option>\n <option value=\"SY\/SY\">Red Sesame (SY\/SY)<\/option>\n <option value=\"SY\/AG\">Red Sesame (SY\/AG)<\/option>\n <option value=\"SY\/BB\">Red Sesame (SY\/BB)<\/option>\n <option value=\"AG\/AG\">Black Sesame (AG\/AG)<\/option>\n <option value=\"AG\/BB\">Black Sesame (AG\/BB)<\/option>\n <option value=\"BB\/BB\">Black & Tan (BB\/BB)<\/option>\n <\/select>\n <label for=\"parent1E\">Male E-locus:<\/label>\n <select id=\"parent1E\" name=\"parent1E\" required>\n <option value=\"VARI\/VARI\">Does not carry cream (E\/E)<\/option>\n <option value=\"VARI\/VALK\">Carries cream (E\/e)<\/option>\n <option value=\"VALK\/VALK\">Is cream (e\/e)<\/option>\n <\/select>\n <img decoding=\"async\" id=\"parent1Image\" class=\"genotype-image\" src=\"https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaydark.jpg\" alt=\"Oletuskuva\">\n <div id=\"parent1Genotype\" class=\"parent-genotype\"><\/div>\n <\/div>\n\n <div class=\"genotype-select\">\n <label for=\"parent2\">Female A-locus:<\/label>\n <select id=\"parent2\" name=\"parent2\" required>\n <option value=\"DY\/DY\">Red (DY\/DY)<\/option>\n <option value=\"DY\/SY\">Red (DY\/SY)<\/option>\n <option value=\"DY\/AG\">Red (DY\/AG)<\/option>\n <option value=\"DY\/BB\">Red (DY\/BB)<\/option>\n <option value=\"SY\/SY\">Red Sesame (SY\/SY)<\/option>\n <option value=\"SY\/AG\">Red Sesame (SY\/AG)<\/option>\n <option value=\"SY\/BB\">Red Sesame (SY\/BB)<\/option>\n <option value=\"AG\/AG\">Black Sesame (AG\/AG)<\/option>\n <option value=\"AG\/BB\">Black Sesame (AG\/BB)<\/option>\n <option value=\"BB\/BB\">Black & Tan (BB\/BB)<\/option>\n <\/select>\n <label for=\"parent2E\">Female E-locus:<\/label>\n <select id=\"parent2E\" name=\"parent2E\" required>\n <option value=\"VARI\/VARI\">Does not carry cream (E\/E)<\/option>\n <option value=\"VARI\/VALK\">Carries cream (E\/e)<\/option>\n <option value=\"VALK\/VALK\">Is cream (e\/e)<\/option>\n <\/select>\n <img decoding=\"async\" id=\"parent2Image\" class=\"genotype-image\" src=\"https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaydark.jpg\" alt=\"Oletuskuva\">\n <div id=\"parent2Genotype\" class=\"parent-genotype\"><\/div>\n <\/div>\n <\/div>\n\n <br><br>\n <button type=\"submit\">Breed!<\/button>\n <\/form>\n\n\n <div id=\"results\" class=\"puppy-container\"><\/div>\n\n <script>\n\/\/ A-lokuksen valikon tapahtumank\u00e4sittelij\u00e4\ndocument.getElementById('parent1').addEventListener('change', function(event) {\n updateAlocusImage(event.target);\n});\n\ndocument.getElementById('parent2').addEventListener('change', function(event) {\n updateAlocusImage(event.target);\n});\n\n\/\/ E-lokuksen valikon tapahtumank\u00e4sittelij\u00e4\ndocument.getElementById('parent1E').addEventListener('change', function(event) {\n updateElocusImage(event.target);\n});\n\ndocument.getElementById('parent2E').addEventListener('change', function(event) {\n updateElocusImage(event.target);\n});\n\n\/\/ Funktiot A-lokuksen ja E-lokuksen kuvan p\u00e4ivitt\u00e4miseen\nfunction updateAlocusImage(target) {\n var imageId = target.id + 'Image';\n var selectedValue = target.value.trim().toUpperCase();\n var eLocusValue = document.getElementById(target.id + 'E').value.trim().toUpperCase();\n\n var imageUrl = getParentImageUrl(selectedValue, eLocusValue);\n var imageElement = document.getElementById(imageId);\n\n imageElement.src = imageUrl;\n imageElement.classList.remove('hidden');\n imageElement.style.display = 'block';\n}\n\nfunction updateElocusImage(target) {\n var imageId = target.id.replace(\/E$\/, '') + 'Image';\n var selectedValue = document.getElementById(target.id.replace(\/E$\/, '')).value.trim().toUpperCase();\n var eLocusValue = target.value.trim().toUpperCase();\n\n var imageUrl = getParentImageUrl(selectedValue, eLocusValue);\n var imageElement = document.getElementById(imageId);\n\n imageElement.src = imageUrl;\n imageElement.classList.remove('hidden');\n imageElement.style.display = 'block';\n}\n \n\n\nfunction getParentImageUrl(genotypeValue, eLocusValue) {\n var imageUrl = '';\n \/\/ Kuvan URL-osoitteen muodostaminen genotyypin ja E-lokusarvon perusteella\n\n\n console.log(\"Genotyyppi: \" + genotypeValue);\n console.log(\"E-lokus: \" + eLocusValue);\n\n\n\n switch (genotypeValue + \" \" + eLocusValue) {\n case 'DY\/DY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaydark.jpg';\n break;\n case 'DY\/DY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaylight.jpg';\n break;\n case 'DY\/DY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkayay.jpg';\n break;\n \n case 'DY\/SY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaysdark.jpg';\n break;\n case 'DY\/SY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayayslight.jpg';\n break;\n case 'DY\/SY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkayays.jpg';\n break;\n\n \n \n case 'DY\/AG VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayawdark.jpg';\n break;\n case 'DY\/AG VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayawlight.jpg';\n break;\n case 'DY\/AG VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkayaw.jpg';\n break;\n \n case 'DY\/BB VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayatdark.jpg';\n break;\n case 'DY\/BB VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayatlight.jpg';\n break;\n case 'DY\/BB VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkayat.jpg';\n break;\n \n case 'SY\/SY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysaysdark.jpg';\n break;\n case 'SY\/SY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysayslight.jpg';\n break;\n case 'SY\/SY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkaysays.jpg';\n break;\n\n case 'SY\/AG VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysawdark.jpg';\n break;\n case 'SY\/AG VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysawlight.jpg';\n break;\n case 'SY\/AG VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkaysaw.jpg';\n break;\n\n case 'SY\/BB VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysatdark2.jpg';\n break;\n case 'SY\/BB VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aysatlight2.jpg';\n break;\n case 'SY\/BB VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkaysat.jpg';\n break;\n\n case 'AG\/AG VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/awawdark2.jpg';\n break;\n case 'AG\/AG VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/awawlight.jpg';\n break;\n case 'AG\/AG VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkawaw.jpg';\n break;\n\n case 'AG\/BB VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/awatdark.jpg';\n break;\n case 'AG\/BB VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/awatlight.jpg';\n break;\n case 'AG\/BB VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkawat.jpg';\n break;\n\n case 'BB\/BB VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/atatdark.jpg';\n break;\n case 'BB\/BB VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/atatlight.jpg';\n break;\n case 'BB\/BB VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/aikvalkatat.jpg';\n break;\n\n\n\n \n \/\/ Lis\u00e4\u00e4 muut tapaukset vastaavasti\n default:\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/ayaydark.jpg';\n }\n\n return imageUrl;\n }\n\n function generateMutant() {\n var randomNumber = Math.floor(Math.random() * 500);\n if (randomNumber === 0) {\n return 'MUTANT';\n }\n return null;\n }\n\n\n function generateBenimaru() {\n var randomNumber = Math.floor(Math.random() * 10000);\n if (randomNumber === 0) {\n return 'BENIMARU';\n }\n return null;\n}\n\n document.getElementById('genotypeForm').addEventListener('submit', function(event) {\n event.preventDefault();\n\n var parent1Genotype = document.getElementById('parent1').value.trim().toUpperCase();\n var parent2Genotype = document.getElementById('parent2').value.trim().toUpperCase();\n var parent1ELocus = document.getElementById('parent1E').value.trim().toUpperCase();\n var parent2ELocus = document.getElementById('parent2E').value.trim().toUpperCase();\n\n var puppiesCount = calculatePuppyCount();\n\n var puppies = [];\n for (var i = 0; i < puppiesCount; i++) {\n var puppyGenotype = generateMutant() || generateBenimaru() || generateRandomPuppyGenotype(parent1Genotype, parent2Genotype, parent1ELocus, parent2ELocus);\n puppies.push(puppyGenotype);\n }\n\n var resultsHTML = '';\n if (puppiesCount === 0) {\n resultsHTML += '<div class=\"puppy\">';\n resultsHTML += '<img decoding=\"async\" src=\"https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/tyhjalaatikko1eng.jpg\" alt=\"Kuva pentulaatikosta\"><br>';\n resultsHTML += '<\/div>';\n } else {\n resultsHTML += '<div class=\"puppy-row\">';\n puppies.forEach(function(genotype, index) {\n var sortedGenotype = genotype.split('\/').sort((a, b) => {\n var order = { 'DY': 1, 'SY': 2, 'AG': 3, 'BB': 4 };\n return order[a] - order[b];\n }).join('\/');\n\n var imageData = getPuppyImageUrl(sortedGenotype);\nvar imageUrl = imageData.imageUrl; \/\/ Access imageUrl property from the returned object\nvar genotypeText = imageData.genotypeText; \/\/ Access genotypeText property from the returned object\n\nresultsHTML += '<div class=\"puppy\">';\nresultsHTML += '<img decoding=\"async\" src=\"' + imageUrl + '\" alt=\"Kuva pennusta\"><br>';\nresultsHTML += '<span class=\"genotype-text\">' + genotypeText + '<\/span><br>'; \/\/ Use genotypeText directly\nresultsHTML += '<\/div>';\n \n \n });\n resultsHTML += '<\/div>';\n }\n\n document.getElementById('results').innerHTML = resultsHTML;\n });\n\n function calculatePuppyCount() {\n var randomNumber = Math.random() * 100;\n if (randomNumber < 15) {\n return 0; \/\/ Tyhj\u00e4 pentulaatikko\n } else if (randomNumber < 22) {\n return 1; \/\/ 1 pentu 7 %\n } else if (randomNumber < 40) {\n return 2; \/\/ 2 pentua 18 %\n } else if (randomNumber < 73) {\n return 3; \/\/ 3 pentua 33%\n } else if (randomNumber < 94) {\n return 4; \/\/ 4 pentua 21 %\n } else {\n return 5; \/\/ 5 pentua 6 %\n }\n }\n\n function generateRandomPuppyGenotype(parent1Genotype, parent2Genotype, parent1ELocus, parent2ELocus) {\n var possibleAlleles1 = parent1Genotype.split('\/');\n var possibleAlleles2 = parent2Genotype.split('\/');\n\n var randomIndex1 = Math.floor(Math.random() * possibleAlleles1.length);\n var randomIndex2 = Math.floor(Math.random() * possibleAlleles2.length);\n\n var allele1 = possibleAlleles1[randomIndex1];\n var allele2 = possibleAlleles2[randomIndex2];\n\n var possibleELocus1 = parent1ELocus.split('\/');\n var possibleELocus2 = parent2ELocus.split('\/');\n\n var randomIndexE1 = Math.floor(Math.random() * possibleELocus1.length);\n var randomIndexE2 = Math.floor(Math.random() * possibleELocus2.length);\n\n var eAllele1 = possibleELocus1[randomIndexE1];\n var eAllele2 = possibleELocus2[randomIndexE2];\n\n return allele1 + '\/' + allele2 + ' ' + eAllele1 + '\/' + eAllele2;\n }\n\n \n\n function getPuppyImageUrl(genotype) {\n var imageUrl = '';\n var genotypeText = ''; \/\/ Lis\u00e4t\u00e4\u00e4n genotypeText-muuttuja t\u00e4h\u00e4n\n\n switch (genotype) {\n case 'DY\/DY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayaydark3eng.jpg';\n genotypeText = 'DY\/DY E\/E';\n break;\n case 'DY\/DY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayaylight3eng.jpg';\n genotypeText = 'DY\/DY E\/e';\n break;\n case 'DY\/DY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayaylight3eng.jpg';\n genotypeText = 'DY\/DY E\/e';\n break;\n case 'DY\/DY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkayay3eng.jpg';\n genotypeText = 'DY\/DY e\/e';\n break;\n case 'DY\/SY VARI\/VARI':\n case 'SY\/DY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayaysdark3eng.jpg';\n genotypeText = 'DY\/SY E\/E';\n break;\n case 'DY\/SY VARI\/VALK':\n case 'SY\/DY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayayslight3eng.jpg';\n genotypeText = 'DY\/SY E\/e';\n break;\n case 'DY\/SY VALK\/VARI':\n case 'SY\/DY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayayslight3eng.jpg';\n genotypeText = 'DY\/SY E\/e';\n break;\n case 'DY\/SY VALK\/VALK':\n case 'SY\/DY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkayays3eng.jpg';\n genotypeText = 'DY\/SY e\/e';\n break;\n case 'DY\/AG VARI\/VARI':\n case 'AG\/DY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayawdark3eng.jpg';\n genotypeText = 'DY\/AG E\/E';\n break;\n case 'DY\/AG VARI\/VALK':\n case 'AG\/DY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayawlight3eng.jpg';\n genotypeText = 'DY\/AG E\/e';\n break;\n case 'DY\/AG VALK\/VARI':\n case 'AG\/DY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayawlight3eng.jpg';\n genotypeText = 'DY\/AG E\/e';\n break;\n case 'DY\/AG VALK\/VALK':\n case 'AG\/DY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkaysaw3eng.jpg';\n genotypeText = 'DY\/AG e\/e';\n break;\n case 'DY\/BB VARI\/VARI':\n case 'BB\/DY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayatdark3eng.jpg';\n genotypeText = 'DY\/BB E\/E';\n break;\n case 'DY\/BB VARI\/VALK':\n case 'BB\/DY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayatlight3eng.jpg';\n genotypeText = 'DY\/BB E\/e';\n break;\n case 'DY\/BB VALK\/VARI':\n case 'BB\/DY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuayatlight3eng.jpg';\n genotypeText = 'DY\/BB E\/e';\n break;\n case 'DY\/BB VALK\/VALK':\n case 'BB\/DY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkayat3eng.jpg';\n genotypeText = 'DY\/BB e\/e';\n break;\n case 'SY\/SY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysaysdark3eng.jpg';\n genotypeText = 'SY\/SY E\/E';\n break;\n case 'SY\/SY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysayslight3eng.jpg';\n genotypeText = 'SY\/SY E\/e';\n break;\n case 'SY\/SY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysayslight3eng.jpg';\n genotypeText = 'SY\/SY E\/e';\n break;\n case 'SY\/SY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkaysays3eng.jpg';\n genotypeText = 'SY\/SY e\/e';\n break;\n case 'SY\/AG VARI\/VARI':\n case 'AG\/SY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysawdark3eng.jpg';\n genotypeText = 'SY\/AG E\/E';\n break;\n case 'SY\/AG VARI\/VALK':\n case 'AG\/SY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysawlight3eng.jpg';\n genotypeText = 'SY\/AG E\/e';\n break;\n case 'SY\/AG VALK\/VARI':\n case 'AG\/SY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysawlight3eng.jpg';\n genotypeText = 'SY\/AG E\/e';\n break;\n case 'SY\/AG VALK\/VALK':\n case 'AG\/SY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkaysaw3eng.jpg';\n genotypeText = 'SY\/AG e\/e';\n break;\n case 'SY\/BB VARI\/VARI':\n case 'BB\/SY VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysatdark3eng.jpg';\n genotypeText = 'SY\/BB E\/E';\n break;\n case 'SY\/BB VARI\/VALK':\n case 'BB\/SY VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysatlight3eng.jpg';\n genotypeText = 'SY\/BB E\/e';\n break;\n case 'SY\/BB VALK\/VARI':\n case 'BB\/SY VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuaysatlight3eng.jpg';\n genotypeText = 'SY\/BB E\/e';\n break;\n case 'SY\/BB VALK\/VALK':\n case 'BB\/SY VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkaysat3eng.jpg';\n genotypeText = 'SY\/BB e\/e';\n break;\n case 'AG\/AG VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawawdark3eng.jpg';\n genotypeText = 'AG\/AG E\/E';\n break;\n case 'AG\/AG VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawawlight3eng.jpg';\n genotypeText = 'AG\/AG E\/e';\n break;\n case 'AG\/AG VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawawlight3eng.jpg';\n genotypeText = 'AG\/AG E\/e';\n break;\n case 'AG\/AG VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkawaw3eng.jpg';\n genotypeText = 'AG\/AG e\/e';\n break;\n case 'AG\/BB VARI\/VARI':\n case 'BB\/AG VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawatdark3eng.jpg';\n genotypeText = 'AG\/BB E\/E';\n break;\n case 'AG\/BB VARI\/VALK':\n case 'BB\/AG VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawatlight3eng.jpg';\n genotypeText = 'AG\/BB E\/e';\n break;\n case 'AG\/BB VALK\/VARI':\n case 'BB\/AG VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuawatlight3eng.jpg';\n genotypeText = 'AG\/BB E\/e';\n break;\n case 'AG\/BB VALK\/VALK':\n case 'BB\/AG VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/pentuvalkawat3eng.jpg';\n genotypeText = 'AG\/BB e\/e';\n break;\n case 'BB\/BB VARI\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/pentuatatdark3.jpg';\n genotypeText = 'BB\/BB E\/E';\n break;\n case 'BB\/BB VARI\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/pentuatatlight3.jpg';\n genotypeText = 'BB\/BB E\/e';\n break;\n case 'BB\/BB VALK\/VARI':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/pentuatatlight3.jpg';\n genotypeText = 'BB\/BB E\/e';\n break;\n case 'BB\/BB VALK\/VALK':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/valkoinenpentuatat3eng.jpg';\n genotypeText = 'BB\/BB e\/e';\n break;\n \n case 'MUTANT':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/05\/mutantti3eng.jpg';\n genotypeText = 'MUTANT';\n break;\n case 'BENIMARU':\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/benimaru3.jpg';\n genotypeText = 'REBORN';\n break;\n default:\n imageUrl = 'https:\/\/shibalogia.info\/wp-content\/uploads\/2024\/03\/pentuoletus.jpg';\n break; }\n \n \/\/ Palautetaan objekti, joka sis\u00e4lt\u00e4\u00e4 imageUrl ja genotypeText\n return { imageUrl: imageUrl, genotypeText: genotypeText };\n}\n <\/script>\n <\/body>\n\n<\/html> <\/div>\r\n \n\n\n<p>Here's an English version of the coat color generator. This generator produces litters according to the current (2024) understanding of Shiba Inu coat color genetics and the rules of Mendelian inheritance. Random genetic luck affects the coat color ratio in any single litter, just as it does in real life.<\/p>\n\n\n\n<p><br><strong>DY = dominant yellow = ex-Ay<br>SY = shaded yellow = ex-Ays<br>AG = agouti = ex-aw<br>BB = black back = ex-at<\/strong><\/p>\n\n\n\n<p>Colors and hues in AI art puppy pics are only for reference. Red sesame puppies are said to appear red at this age.<\/p>\n\n\n\n<p><br>Generator was coded by ChatGPT.<\/p>\n\n\n\n<p><br>Parent and puppy pics were produced by Craiyon AI art. Please notify if a picture resembles too much some existing dog in a photograph.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here’s an English version of the coat color generator. This generator produces litters according to the current (2024) understanding of Shiba Inu coat color genetics and the rules of Mendelian inheritance. Random genetic luck affects the coat color ratio in any single litter, just as it does in real life. DY = dominant yellow = […]<\/p>\n","protected":false},"author":1,"featured_media":4229,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-container-style":"default","site-container-layout":"default","site-sidebar-layout":"default","site-transparent-header":"default","disable-article-header":"default","disable-site-header":"default","disable-site-footer":"default","disable-content-area-spacing":"default","footnotes":""},"categories":[34],"tags":[],"class_list":["post-4223","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-english"],"_links":{"self":[{"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/posts\/4223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shibalogia.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4223"}],"version-history":[{"count":8,"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/posts\/4223\/revisions"}],"predecessor-version":[{"id":5152,"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/posts\/4223\/revisions\/5152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shibalogia.info\/index.php?rest_route=\/wp\/v2\/media\/4229"}],"wp:attachment":[{"href":"https:\/\/shibalogia.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shibalogia.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shibalogia.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}