JavaScript Code

How to change border of a paragraph using JavaScript?

Tutorials using JS

Problem Statement

set/change border of a paragraph element using JavaScript


to set or change the border of a paragraph element using JavaScript, we can use property. get the paragraph element and set its style.border property with the required border value = '2px dotted blue';


when user clicks on the Click me button, we get the paragraph with the id message and set its border using style.border property

<!DOCTYPE html>
<h1>JavaScript Tutorial</h1>
<button id="myBtn">Click me</button>
<p id="message">This is a paragraph. Welcome to JavaScript tutorials.</p>

document.getElementById("myBtn").addEventListener("click", function() {
  //get the paragraph element
  const myPara = document.getElementById("message");
  //set the border of the paragraph = '2px dotted blue';


Copyright @2022