var currentUrl = 'http://www.example.com/hello.png?w=100&h=100&bg=white';
var url = new URL(currentUrl);
url.searchParams.set("w", "200"); // setting your param
var newUrl = url.href;
console.log(newUrl);
Here is what the above code is Doing:
1. Create a new URL object from the current URL.
2. Set the new value for the w parameter.
3. Get the new URL.
document.getElementById(“myElement”).style.cssText = “display: block; position: absolute”; //use template literals document.getElementById(“myElement”).style.cssText = ` display: block; position: absolute; `; Here is what the above code is Doing: 1. We’re selecting the element with the id of myElement. 2. We’re setting the style.cssText property to a string. 3. We’re setting the display property to block. 4. We’re setting…
function coinFlip() { return (Math.floor(Math.random() * 2) == 0) ? ‘heads’ : ‘tails’; } Here is what the above code is Doing: 1. We’re creating a function called coinFlip. 2. We’re using the Math.random() function to generate a random number between 0 and 1. 3. We’re using the Math.floor() function to round the random number…
var width = document.getElementById(‘myID’).offsetWidth;//includes margin,border,padding var height = document.getElementById(‘myID’). offsetHeight;//includes margin,border,padding Here is what the above code is Doing: 1. We’re getting the element with the ID of myID. 2. We’re getting the width of the element. 3. We’re getting the height of the element.
str = str.replace(/\s/g, ” “); Here is what the above code is Doing: 1. The first line is a regular expression that matches all whitespace characters. 2. The second line is a string that we want to replace all whitespace characters with. 3. The third line is the string that we want to replace the whitespace…
# Good documentation: https://reactnative.dev/docs/getting-started https://devdocs.io/react_native/ Here is what the above code is Doing: 1. Importing the React and React Native libraries 2. Importing the AppRegistry from React Native 3. Importing the StyleSheet from React Native 4. Importing the Text from React Native 5. Importing the View from React Native 6. Creating a class called App…
module: { // apply loaders to files that meet given conditions loaders: [{ test: /\.jsx?$/, include: path.join(__dirname, ‘/client/src’), loader: ‘babel-loader’, query: { presets: [“react”, “es2015”, “stage-1”] } }, { test: /\.(gif|svg|jpg|png)$/, loader: “file-loader”, }], }, Here is what the above code is Doing: 1. We’re telling webpack to use babel-loader for all .js and .jsx…