Web developer specializing in React, Vue, and front end development.
To programmatically empty browser cache with JavaScript, we call the caches.delete method.
For instance, we write
const keyList = await caches.keys();
await Promise.all(keyList.map((key) => caches.delete(key)));
to get a promise with the cache keys with caches.keys.
Then we delete the cache values with the given key with caches.delete.
To use complex HTML with Twitter Bootstrap’s Tooltip, we set the data-html attribute to true.
For instance, we write
<span
rel="tooltip"
data-toggle="tooltip"
data-html="true"
data-title="<table><tr><td style='color:red;'>complex</td><td>HTML</td></tr></table>"
>
hover over me
</span>
to set the data-html attribute to true to let us add HTML as the tooltip’s content.
And we set the data-title attribute to the tooltip content.
To get the pure text without HTML element using JavaScript, we can use the textContent property.
For instance, we write
const element = document.getElementById("txt");
const text = element.textContent;
to select the element with getElementById.
And then we get the textContent property to get the pure text inside the element.
To submit a form with JavaScript by clicking a link, we can add a button and attach a click listener to it.
For instance, we write
<form id="form-id">
<button id="your-id">submit</button>
</form>
to add a form.
Then we write
const form = document.getElementById("form-id");
document.getElementById("your-id").addEventListener("click", () => {
form.submit();
});
to select the form with getElementById.
And then we select the button with getElementById and add a click listener to it with addEventListener.
In the click listener, we call form.submit to submit the form.
To detect which one of the defined font was used in a web page with JavaScript, we use the font property.
For instance, we write
const font = document.getElementById("header").style.font;
to select the element with getElementById.
And then we get the font used with the style.font property.