mirror of
https://github.com/mdn/webextensions-examples.git
synced 2026-04-17 14:59:12 +02:00
Add an example on how to use webpack with webextensions
This commit is contained in:
23
webpack-modules/popup/left-pad.js
Normal file
23
webpack-modules/popup/left-pad.js
Normal file
@@ -0,0 +1,23 @@
|
||||
const leftPad = require("left-pad");
|
||||
|
||||
const resultNode = document.getElementById("result");
|
||||
const textNode = document.getElementById("text");
|
||||
const amountNode = document.getElementById("amount");
|
||||
const withNode = document.getElementById("with");
|
||||
|
||||
document.getElementById("leftpad-form").addEventListener("submit", (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
console.log("padding");
|
||||
resultNode.value = leftPad(textNode.value, amountNode.valueAsNumber, withNode.value);
|
||||
}, false);
|
||||
|
||||
document.getElementById("pad-bg").addEventListener("click", (e) => {
|
||||
chrome.runtime.sendMessage({
|
||||
text: textNode.value,
|
||||
amount: amountNode.valueAsNumber,
|
||||
with: withNode.value
|
||||
}, (result) => {
|
||||
resultNode.value = result;
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user