$.get(chrome.runtime.getURL('/template.html'), function(data) {
$(data).appendTo('body');
});
Here is what the above code is Doing:
1. It’s loading the template.html file from the extension’s folder.
2. It’s appending the template.html file to the body of the page.
Now, let’s add the following code to the content.js file:
controller.getCharacters = async (req, res, next) => { try{ const result = await models.Person.find({}); res.locals.people = result; next(); } catch (error){ return next({ log: `An error occurred at controller.getCharacters ${error}`, status: 500, message: { err: ‘An error occurred’ } }); } }; Here is what the above code is Doing: 1. We’re importing the models…
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Here is what the above code is Doing: 1. We have a form with an id of “myForm”. 2. We have a button with an onclick event that calls the submitForm() function. 3. The submitForm() function takes the…
const name = ‘Josh Perez’; const element = Hello, {name}; ReactDOM.render( element, document.getElementById(‘root’) ); Here is what the above code is Doing: 1. We’re using JSX to create a element. 2. We’re using curly braces to embed a JavaScript expression in an attribute. 3. We’re passing a JavaScript variable to ReactDOM.render().
document.getElementById(‘label-onrate’).innerHTML = rate || ”} /> Here is what the above code is Doing: 1. We’re creating a Rating component. 2. We’re passing a function to the onHover prop. 3. The function we’re passing to the onHover prop takes a parameter called rate. 4. Inside the function, we’re setting the innerHTML of the element with…
import firebase from ‘firebase’; { timestamp: firebase.firestore.FieldValue.serverTimestamp(), } Here is what the above code is Doing: 1. We’re importing the firebase module from the firebase package. 2. We’re creating a timestamp object using the serverTimestamp() method. 3. We’re adding the timestamp object to the data object.
input.split(/[ ,]+/); //splits string using RegEx on a space OR a comma Here is what the above code is Doing: 1. We’re creating a variable called input and assigning it the value of the user’s input. 2. We’re creating a variable called words and assigning it the value of the input variable split using a…