Easy 3 Ingredient DIY Dish Soap Recipe (2024)

Jump to Recipe·Print Recipe

/* {'¼': '¼','½': '½','¾': '¾','⅓': '⅓','⅔':'⅔','⅕':'⅕','⅖':'⅖','⅗':'⅗','⅘':'⅘','⅙':'⅙','⅚':'⅚','⅛':'⅛','⅜':'⅜','⅝':'⅝','⅞':'⅞'} */window.tastyRecipesVulgarFractions = JSON.parse(decodeURIComponent("%7B%22%C2%BC%22%3A%221%2F4%22%2C%22%C2%BD%22%3A%221%2F2%22%2C%22%C2%BE%22%3A%223%2F4%22%2C%22%E2%85%93%22%3A%221%2F3%22%2C%22%E2%85%94%22%3A%222%2F3%22%2C%22%E2%85%95%22%3A%221%2F5%22%2C%22%E2%85%96%22%3A%222%2F5%22%2C%22%E2%85%97%22%3A%223%2F5%22%2C%22%E2%85%98%22%3A%224%2F5%22%2C%22%E2%85%99%22%3A%221%2F6%22%2C%22%E2%85%9A%22%3A%225%2F6%22%2C%22%E2%85%9B%22%3A%221%2F8%22%2C%22%E2%85%9C%22%3A%223%2F8%22%2C%22%E2%85%9D%22%3A%225%2F8%22%2C%22%E2%85%9E%22%3A%227%2F8%22%7D"));

window.tastyRecipesFormatAmount = function(amount, el) {if ( parseFloat( amount ) === parseInt( amount ) ) {return amount;}var roundType = 'frac';if (typeof el.dataset.amountShouldRound !== 'undefined') {if ('false' != el.dataset.amountShouldRound) {if ( 'number' === el.dataset.amountShouldRound ) {roundType = 'number';} else if ('frac' === el.dataset.amountShouldRound) {roundType = 'frac'} else if ('vulgar' === el.dataset.amountShouldRound) {roundType = 'vulgar'} else {roundType = 'integer';}}}if ('number' === roundType) {amount = Number.parseFloat(amount).toPrecision(2);} else if ('integer' === roundType) {amount = Math.round(amount);} else if ('frac' === roundType || 'vulgar' === roundType) {var denom = 8;if (typeof el.dataset.unit !== 'undefined') {var unit = el.dataset.unit;if (['cups','cup','c'].includes(unit)) {denom = 4;if (0.125 === amount) {denom = 8;}if ("0.1667" === Number.parseFloat( amount ).toPrecision(4)) {denom = 6;}}if (['tablespoons','tablespoon','tbsp'].includes(unit)) {denom = 2;}if (['teaspoons','teaspoon','tsp'].includes(unit)) {denom = 8;}}var amountArray = frac.cont( amount, denom, true );var newAmount = '';if ( amountArray[1] !== 0 ) {newAmount = amountArray[1] + '/' + amountArray[2];if ('vulgar' === roundType) {Object.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) {if (newAmount === window.tastyRecipesVulgarFractions[vulgar]) {newAmount = vulgar;}});}}if ( newAmount ) {newAmount = ' ' + newAmount;}if ( amountArray[0] ) {newAmount = amountArray[0] + newAmount;}amount = newAmount;}return amount;}}())

buttons.forEach(function(button){button.addEventListener('click', function(event){event.preventDefault();var recipe = event.target.closest('.tasty-recipes');if ( ! recipe ) {return;}var otherButtons = recipe.querySelectorAll('.' + buttonClass);otherButtons.forEach(function(bt){bt.classList.remove(buttonActiveClass);});button.classList.add(buttonActiveClass);

/* Scales all scalable amounts. */var scalables = recipe.querySelectorAll('span[data-amount]');var buttonAmount = parseFloat( button.dataset.amount );scalables.forEach(function(scalable){if (typeof scalable.dataset.amountOriginalType === 'undefined'&& typeof scalable.dataset.nfOriginal === 'undefined') {if (-1 !== scalable.innerText.indexOf('/')) {scalable.dataset.amountOriginalType = 'frac';}if (-1 !== scalable.innerText.indexOf('.')) {scalable.dataset.amountOriginalType = 'number';}Object.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) {if (-1 !== scalable.innerText.indexOf(vulgar)) {scalable.dataset.amountOriginalType = 'vulgar';}})if (typeof scalable.dataset.amountOriginalType !== 'undefined') {scalable.dataset.amountShouldRound = scalable.dataset.amountOriginalType;}}var amount = parseFloat( scalable.dataset.amount ) * buttonAmount;amount = window.tastyRecipesFormatAmount(amount, scalable);if ( typeof scalable.dataset.unit !== 'undefined' ) {if ( ! scalable.classList.contains('nutrifox-quantity') ) {if ( ! scalable.classList.contains('nutrifox-second-quantity') ) {amount += ' ' + scalable.dataset.unit;}}}scalable.innerText = amount;});/* Appends " (x2)" indicator. */var nonNumerics = recipe.querySelectorAll('[data-has-non-numeric-amount]');nonNumerics.forEach(function(nonNumeric){var indicator = nonNumeric.querySelector('span[data-non-numeric-label]');if ( indicator ) {nonNumeric.removeChild(indicator);}if ( 1 !== buttonAmount ) {var indicator = document.createElement('span');indicator.setAttribute('data-non-numeric-label', true);var text = document.createTextNode(' (x' + buttonAmount + ')');indicator.appendChild(text);nonNumeric.appendChild(indicator);}});});});}());