diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 00000000..e69de29b diff --git a/dom-main.js b/dom-main.js new file mode 100644 index 00000000..00bfe707 --- /dev/null +++ b/dom-main.js @@ -0,0 +1,43 @@ +let value = ""; + +const storeString = (valA) => { + value = valA; +}; + +// const displayTranslation = (translatedWord) => { +// var newDiv = document.createElement("P"); +// newDiv.innerText = (translatedWord); +// document.body.appendChild(newDiv); +// } + +const displayTranslation = (translatedWord) => { + var newDiv = document.createElement("P"); + newDiv.innerText = translatedWord; + newDiv.id = "pigLatinResult"; + document.body.appendChild(newDiv); + + //replace previous word upon new button click + let previousWord = document.getElementById("pigLatinResult"); + let parentDiv = previousWord.parentNode; + parentDiv.replaceChild(newDiv, previousWord); +}; + +const pigLatin = () => { + let vowels = ["a", "e", "i", "o", "u"]; + let finalWord = ""; + let cleanWord = value.toLowerCase().trim(); + if (vowels.indexOf(cleanWord[0]) > -1) { + finalWord = cleanWord + "yay"; + return displayTranslation(finalWord); + } else { + let firstMatch = cleanWord.match(/[aeiou]/g) || 0; + let vowelIndex = cleanWord.indexOf(firstMatch[0]); + finalWord = + cleanWord.substring(vowelIndex) + + cleanWord.substring(0, vowelIndex) + + "ay"; + return displayTranslation(finalWord); + } +}; + +// console.log(pigLatin('Alabama')) diff --git a/index.html b/index.html index 8f536de8..698378cf 100644 --- a/index.html +++ b/index.html @@ -1,15 +1,56 @@ -
- -