To make a div into a link with JavaScript, we can make it navigate to a URL on click.
For instance, we write
<div
onclick="location.href='http://www.example.com';"
style="cursor: pointer"
></div>
to make the div navigate to http://www.example.com on click by setting location.href to 'http://www.example.com' in the onclick attribute.
And we set the cursor style to pointer to change the cursor to a pointer when we move our mouse over the div.
To copy to the clipboard on button click with JavaScript, we use the Clipboard API.
For instance, wwe write
document.querySelector(".copy-text").addEventListener("click", async () => {
await navigator.clipboard.writeText(textToCopy);
window.alert("Success! The text was copied to your clipboard");
});
to call navigator.clipboard.writeText with the textToCopy to copy the string to the clipboard.
We call addEventListener to add the function with the code as the click listener for the element with class copy-text.
To stop CKEditor from adding unwanted characters with JavaScript, w ecan set a few settings.
For instance, we write
CKEDITOR.editorConfig = (config) => {
config.enterMode = CKEDITOR.ENTER_BR;
config.entities = false;
config.basicEntities = false;
};
to set the editorConfig to a function that sets the editor config.
We set enterMode to CKEDITOR.ENTER_BR to convert empty p elements to br elements.
And we set entities and basicEntities to stop characters from being escaped.
To make a put request with simple string as request body with JavaScript, we set the Content-Type header.
For instance, we write
const response = await axios.put("http://localhost:4000/api/token", "myToken", {
headers: { "Content-Type": "text/plain" },
});
to call axios.put to make a put request.
The first argument is the request URL, the 2nd argument is the request body, and the last argument is an object with the request headers.
We set the Content-Type header to text/plain to let us send a string request body.
To get first element of a collection that matches iterator function with JavaScript, we use the array find method.
For instance, we write
const array = [5, 12, 8, 130, 44];
const found = array.find((element) => element > 10);
console.log(found);
to call array.find with a function that returns the first element in array that’s bigger than 10.
ASs a result, found is 12.
