Javascript 30 notes for Day 15 ,17, and 20

Day 15 => Local Storage => GitHub


Well, all the data will eventually be in an array. And that array data will be turned into a big string.
Every time we add an item we run that populateList function. But it recreates the entire list, so be mindful of that.

ID = For

Ternary operator because any indication of the word checked will automatically check hte object in the list.

LocalStorage is in the browser, stored in the domain. It’s a key value until further configured, and the only option is strings

Day 17 => Article Replacement => GitHub
Featuring bands of my own design.

The replace() can take away articles for easier sorting. I wonder if there’s an option to take away vowels in words.

Many ways to make this thing;

return strip(a) > strip(b) ? 1 : -1
If all you’re doing in a function is returning something, you can use an implicit return;

const sortBands = bands.sort((a, b) =>  strip(a) > strip(b) ? 1 : -1);

(remove return and the } bracket)

if(strip(a) > strip(b)){

const sortBands = bands.sort((a, b) => {

.join(‘’) makes one big string instead of a lot of little strings with commas you can see.

Day 20 ==> Speech Modder

Speech Recognition! You have to have a server, but luckily there’s one included.
npm install
npm start

Different browsers run this capability with different things. Chrome uses Webkit Speech.

The speech continually adds to the paragraph. If you stop….

It makes a new one.

Not listening for clicks, but a ‘result’, and with start recognition, when you speak into the mic, things pop up in the console log via SpeechRecognitionEvent. There’s also a level of confidence listed that the machine has about what you said!

Part of my code involves this;

.map(result => result [0]
  .map(result => result.transcript))

and there should be a ) after the [0] but it’s placed below after transcript. I wondered if it worked, because it didn’t throw errors. It’s still kind of sloppy so I changed it.

It’s the very basics of something like Siri or Alexa

if(transcript.includes(‘Get the weather’)){
console.log(’Going to get Weather’);
} 

and of course you’d have to program a function to actually pull from a website and display the information.