clipboard.js VS es6-cheatsheet

const copyButton = document.getElementById('copy-button'); const checkboxes = document.querySelectorAll('input[type="checkbox"]'); copyButton.addEventListener('click', () => { const selectedValues = []; // Loop through all checkboxes for (const checkbox of checkboxes) { // Check if the checkbox is checked if (checkbox.checked) { // Add the checkbox value to the array selectedValues.push(checkbox.value); } } // Check if any values are selected if (selectedValues.length > 0) { // Combine the selected values into a single string with newline separators const copyText = selectedValues.join('\n'); // Copy the text to the clipboard using ClipboardJS (optional) // You can install and use the ClipboardJS library for better compatibility // https://clipboardjs.com/ // const clipboard = new ClipboardJS('#copy-button'); // clipboard.copy(copyText); navigator.clipboard.writeText(copyText).then(() => { console.log('Values copied to clipboard!'); }, (error) => { console.error('Error copying values:', error); }); } else { alert('Please select at least one option to copy.'); } });

Using selectors (e.g., jquery) fails silently. Sometimes the only way to find the right selector seems to be to try things at random. Example: I tried to use clipboardjs.com. I set up the example and .. the button just didn't work. It's not clear how to debug something that just doesn't hook up.

Basically after clicking the Copy button, it will show a tooltip just like in the demo page here: https://clipboardjs.com/

This is about 6 years late. Also noticed it was a direct copy of https://github.com/DrkSephy/es6-cheatsheet (which was written 7 years ago)

es6-cheatsheet https://github.com/DrkSephy/es6-cheatsheet