for (i = 0; i <= 10; i++) {
document.getElementById("my-paragraph").innerHTML = "Hello World\n";
}
Here is what the above code is Doing:
1. We create a variable called i and set it equal to 0.
2. We create a for loop that will run as long as i is less than or equal to 10.
3. We increment i by 1 each time the loop runs.
4. We print the string "Hello World" to the console.
Dependency cruiser Validate and visualise dependencies. With your rules. JavaScript. TypeScript. CoffeeScript. ES6, CommonJS, AMD. Here is what the above code is Doing: 1. We are creating a new instance of the DependencyCruiser class. 2. We are passing in the following options: – path: The path to the root of the project. – exclude: An…
import { createStackNavigator, createAppContainer } from ‘react-navigation’; import HomeScreen from ‘./yourScreenPath’; const AppNavigator = createStackNavigator({ Home: { screen: HomeScreen } }); export default createAppContainer(AppNavigator); Here is what the above code is Doing: 1. We are importing the createStackNavigator and createAppContainer from react-navigation. 2. We are creating a stack navigator with a single screen called Home….
If I understand correctly, the asset_url filter is what you are looking for. To include a JS file in a .liquid file, you use: {{ ‘script.js’ | asset_url | script_tag }} And a CSS file: {{ ‘style.css’ | asset_url | stylesheet_tag }} Here is what the above code is Doing: 1. The asset_url filter is…
import React, { useLayoutEffect, useState } from ‘react’; function useWindowSize() { const [size, setSize] = useState([0, 0]); useLayoutEffect(() => { function updateSize() { setSize([window.innerWidth, window.innerHeight]); } window.addEventListener(‘resize’, updateSize); updateSize(); return () => window.removeEventListener(‘resize’, updateSize); }, []); return size; } function ShowWindowDimensions(props) { const [width, height] = useWindowSize(); return Window size: {width} x {height}; } Here…
(function () { var otherWindows = chrome.extension.getBackgroundPage(); console.log(otherWindows.backgroundFunction()); })(); Here is what the above code is Doing: 1. The first line is a self-invoking function. This is a function that calls itself. 2. The second line is a variable that is assigned to the background page. 3. The third line is a console.log that is…
document.getElementById(“text”).innerText = “Your new text here” Here is what the above code is Doing: 1. We’re using the document object to access the DOM. 2. We’re using the getElementById() method to access the element with the id of “text”. 3. We’re using the innerText property to change the text of the element.