Skip to content

Pig latin g UI #26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
omarusmani wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Pig latin g UI #26

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
406898a
made it as short as possible
omarusmani May 26, 2022
376fdc2
partial gui
omarusmani May 27, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<script src="main.js"></script>
</head>
<body>
<h1>Hello World!</h1>
<h1>Pig Latin!</h1>
<hr/>
<div id="display-element"></div>
<form>
Expand All @@ -15,5 +15,6 @@ <h1>Hello World!</h1>
<button onclick="pigLatin()">Translate</button>
</form>
<hr/>
<h2 id="output"></h2>
</body>
</html>
153 changes: 88 additions & 65 deletions main.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,71 +1,94 @@
'use strict';
// 'use strict';

// // brings in the assert module for unit testing
// const assert = require('assert');
// // brings in the readline module to access the command line
// const readline = require('readline');
// // use the readline module to print out to the command line
// const rl = readline.createInterface({
// input: process.stdin,
// output: process.stdout
// });


const pigLatin = () => {
let input=document.getElementById("user-input").value;
let vowels=["a","e","i","o","u"];// was going to user or's but switched to array method includes
// let wrd=word.trim().toLowerCase();
let ipt=input.trim().toLowerCase();
console.log(ipt)
if(vowels.includes(ipt[0])){
console.log(ipt+"yay")
document.getElementById("output").innerHTML=ipt+"yay";
return ipt+"yay"
}
else{
for(let i=0;i<ipt.length;i++){
if(!vowels.includes(ipt[i])){
//do nothing advance until vowel
}
else{
document.getElementById("output").innerHTMl=ipt.substring(i)+ipt.substring(0,i)+"ay";
return ipt.substring(i)+ipt.substring(0,i)+"ay"
}
}

}

// brings in the assert module for unit testing
const assert = require('assert');
// brings in the readline module to access the command line
const readline = require('readline');
// use the readline module to print out to the command line
const rl = readline.createInterface({
input: process.stdin,
output: process.stdout
});


const pigLatin = (word) => {

// Your code here

}

// the first function called in the program to get an input from the user
// to run the function use the command: node main.js
// to close it ctrl + C
const getPrompt = () => {
rl.question('word ', (answer) => {
console.log( pigLatin(answer) );
getPrompt();
});
}

// Unit Tests
// to use them run the command: npm test main.js
// to close them ctrl + C
if (typeof describe === 'function') {

describe('#pigLatin()', () => {
it('should translate a simple word', () => {
assert.equal(pigLatin('car'), 'arcay');
assert.equal(pigLatin('dog'), 'ogday');
});
it('should translate a complex word', () => {
assert.equal(pigLatin('create'), 'eatecray');
assert.equal(pigLatin('valley'), 'alleyvay');
});
it('should attach "yay" if word begins with vowel', () => {
assert.equal(pigLatin('egg'), 'eggyay');
assert.equal(pigLatin('emission'), 'emissionyay');
});
it('should lowercase and trim word before translation', () => {
assert.equal(pigLatin('HeLlO '), 'ellohay');
assert.equal(pigLatin(' RoCkEt'), 'ocketray');
});
});
} else {

getPrompt();

}






// **********
// HINTS
// **********

// break your code into pieces and focus on one piece at a time...
// 1. if word begins with a vowel send to one function: adds "yay"
// 2. if word begins with a consonant send to another function: splices off beginning, returns word with new ending.
// 3. if multiple words, create array of words, loop over them, sending them to different functions and creating a new array with the new words.
// // the first function called in the program to get an input from the user
// // to run the function use the command: node main.js
// // to close it ctrl + C
// const getPrompt = () => {
// rl.question('word ', (answer) => {
// console.log( pigLatin(answer) );
// getPrompt();
// });
// }

// // Unit Tests
// // to use them run the command: npm test main.js
// // to close them ctrl + C
// if (typeof describe === 'function') {

// describe('#pigLatin()', () => {
// it('should translate a simple word', () => {
// assert.equal(pigLatin('car'), 'arcay');
// assert.equal(pigLatin('dog'), 'ogday');
// });
// it('should translate a complex word', () => {
// assert.equal(pigLatin('create'), 'eatecray');
// assert.equal(pigLatin('valley'), 'alleyvay');
// });
// it('should attach "yay" if word begins with vowel', () => {
// assert.equal(pigLatin('egg'), 'eggyay');
// assert.equal(pigLatin('emission'), 'emissionyay');
// });
// it('should lowercase and trim word before translation', () => {
// assert.equal(pigLatin('HeLlO '), 'ellohay');
// assert.equal(pigLatin(' RoCkEt'), 'ocketray');
// });
// });
// } else {

// getPrompt();

// }






// // **********
// // HINTS
// // **********

// // break your code into pieces and focus on one piece at a time...
// // 1. if word begins with a vowel send to one function: adds "yay"
// // 2. if word begins with a consonant send to another function: splices off beginning, returns word with new ending.
// // 3. if multiple words, create array of words, loop over them, sending them to different functions and creating a new array with the new words.
1 change: 1 addition & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@
"jsdom": "^11.6.2",
"mocha": "^5.0.0",
"postcss-html": "^0.34.0",
"server": "^1.0.37",
"stylelint": "^7.13.0"
}
}