JavaScript How to make a chrome extension to add a break tag after every para tag in a webpage?

[rukuto]

I am not familiar with Javascript, HTML or CSS enough to be able to code a chrome extension. May I know how to go about it or if anyone can make one for me? Thank you. I will only be using it for personal use for reading novels online.

 

[Johna]

Been a while since I made a chrome extension, but lets see....

Create a folder and create two files: manifest.json and script.js

{
  "name": "Paragraph breaker",
  "description": "This extension will add a line break after every paragraph",
  "version": "1.0",
  "manifest_version": 3,
  "content_scripts": [{
    "matches": ["https://www.example.com/*"],     //the website you want to add the line breaks to. If you want it to work on all websites use *://*/*
    "js": ["script.js"],
    "run_at": "document_end"
   }]
}

var p = document.querySelectorAll("p");

p.forEach(function(item, index, arr) {
  var br = document.createElement("br");
  arr[index].parentNode.insertBefore(br, arr[index].nextSibling);
})

Now go to Chrome (or any chromium based browser) and go to extensions. Next turn on "developer mode" and click load unpacked. Go to your extension folder, and open it.

 

[rukuto]

Hey, I tried this but it is not working.
I made a manifest.json and script.js file.
I also changed the name of the website. I want to use it for: novelbin.com
I load unpacked in chrome extensions and used the extension but it did not add br tags (or breaks in the text) in the webpage.

 

[Johna]

did you do https://*.novelbin.com/*?

 

[rukuto]

It works now... thank you so much. I only did the www.novelbin.com/* part before...