Added new blog - DOM manipulation in JavaScript #2091
Conversation
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
There was a problem hiding this comment.
Great job, @DharshiBalasubramaniyam! 🎉 Thank you for submitting your pull request to CodeHarborHub. We appreciate your contribution and enthusiasm! Our team will review it soon. If you have any questions or need further assistance, feel free to reach out. Thanks for contributing!
|
Here's the code health analysis summary for commits Analysis Summary
|
ajay-dhangar
added
documentation
There was a problem hiding this comment.
update your code for best practice
Using var is not considered good practice. Instead, prioritize using const for variables that won't be reassigned. For variables that need to be reassigned, especially in loops, use let. Avoid using var to follow modern JavaScript best practices.
|
|
||
| ```js | ||
| // Get all <p> elements in the document | ||
| var paragraphs = document.getElementsByTagName("p"); |
There was a problem hiding this comment.
Using var is generally not recommended. Prioritize const for variables that do not change. If you need to reassign a variable, use let. Avoid var as a matter of good practice.
| var paragraphs = document.getElementsByTagName("p"); | ||
|
|
||
| // Loop through and log the text content of each <p> element | ||
| for (var i = 0; i < paragraphs.length; i++) { |
|
|
||
| ```js | ||
| // Select the first <p> element in the document | ||
| var firstParagraph = document.querySelector("p"); |
| var firstParagraph = document.querySelector("p"); | ||
|
|
||
| // Select the element with id="main-title" | ||
| var titleElement = document.querySelector("#main-title"); |
| var titleElement = document.querySelector("#main-title"); | ||
|
|
||
| // Select the first element with class="intro" | ||
| var introParagraph = document.querySelector(".intro"); |
| var introParagraph = document.querySelector(".intro"); | ||
|
|
||
| // Select the first <p> element inside the <div> | ||
| var paragraphInDiv = document.querySelector("div p"); |
| ```js | ||
|
|
||
| // Select all <p> elements in the document | ||
| var paragraphs = document.querySelectorAll("p"); |
There was a problem hiding this comment.
also, replace var to const
done! |
Related Issue
fixes #2017
Description
Added new blog.
Type of PR
Screenshots / Videos (if applicable)
[Attach any relevant screenshots or videos demonstrating the changes]
Checklist