How to Add Two Numbers in JavaScript: Methods and Examples

What is if else in JavaScript? In JavaScript, the if else statement is used to make decisions in your code. It allows your program to run different blocks of code depending on whether a condition is true or false. Syntax: if (condition) {  // code to run if condition is true } else {  // code to run if condition is false }  Example 1: let age = 18; if (age >= 18) {  console.log("You are an adult!"); } else {  console.log("You are a minor!"); } Output: You are an adult! Example 2: Checking even or odd number let number = 7; if (number % 2 === 0) {  console.log("Even number"); } else {  console.log("Odd number"); } Output: Odd number #html #css #javascript #react #webDesign #wevdeveloping

✨I am excited to share about stages of errors in javascript. while learning JavaScript,i realized that errors are not just mistakes-they are an important part of how code works and how we debug efficiently. Types of errors in javascript: ➡️Syntax error:This happens before the code runs,when javascript checks the syntax. ex:console.log("Hello" //syntaxerror:missing paranthesis ➡️ Reference error:This error occurs while the program is running -after syntax checking ex: console.log(x) //reference error:x is not defined. ➡️Type error:A type error occurs when an operation or function is applied to a value of the wrong type. ex:let person console.log(person.name)//Type error: cannot read properties of undefined. ➡️A URI(Uniform Resource Identifier) occurs when a malformed uri is passed to a URI handling function. ex:decodeURI('%');//uri error:uri malformed ➡️Range error:A range error occurs when you give a function a value that's outside it's valid range,even though the type is correct. ex:let arr=new array(-2)//range error: Invalid array length #Javascript #webdevelopment #coding #Learningjourney #Debugging #10000coders #sudheervelpula

✨Day 3/28 Consistency Challenge ✨ ✍️My 4 Go-To JavaScript Heavy Hitter🚀: As a developer, there are a few JavaScript features I keep returning to because they solve common problems elegantly and efficiently. Here are my top four: ✅ DOM Manipulation: Mastering this is essential for any dynamic web experience. The event delegation changed the game for me in optimizing listeners! ✅ Array Methods (map, filter, reduce): The functional approach to data transformation. reduce() in particular is incredibly powerful for aggregating data into a single source of truth. ✅Arrow Functions (=>): More than just concise syntax; they provide lexical scoping of the this keyword, making asynchronous code cleaner and less error-prone. ✅ setTimeout & set Interval: Key to creating dynamic timing and non-blocking asynchronous operations within the browser environment. Understanding the Event Loop here is crucial! **What JS features do you rely on most in your day-to-day coding? Share below! 👇 #JavaScript #WebDevelopment #CodeEffeciently

The JavaScript filter() method is a powerful way to create a new array containing only the elements that meet a certain condition. It goes through each item in the array and returns the ones that pass the test you provide. For example, to get all even numbers from an array: javascript const numbers = [1, 2, 3, 4, 5]; const evens = numbers.filter(num => num % 2 === 0); console.log(evens); // Output: [2, 4] Use filter() whenever you need to sift through data and extract only what’s relevant, making your code more declarative and concise! #JavaScript #WebDevelopment #CodingTips #ArrayMethods

Just finished implementing a simple, yet foundational, counter using pure JavaScript! 🚀 It’s a perfect example of how straightforward DOM manipulation and event listeners can be. No frameworks needed to manage this state—just the basics, done right. Key takeaway for beginners: Mastering addEventListener() is crucial for making your web pages interactive. This simple pattern of selecting elements (document.querySelector), changing a variable (count), and updating the UI (element.innerHTML = count) is the backbone of dynamic web development. JavaScript // Code Snippet let ins = document.querySelector("#ins"); let dec = document.querySelector("#dec"); let reset = document.querySelector("#reset"); let overlay = document.querySelector(".bg-ovverlay .text"); let main = document.querySelector(".box .text"); let count = 0; ins.addEventListener("click", () => {   count++;   overlay.innerHTML = count;   main.innerHTML = count; }); dec.addEventListener("click", () => {   count--;   overlay.innerHTML = count;   main.innerHTML = count; }); reset.addEventListener("click", () => {   count = 0;   overlay.innerHTML = count;   main.innerHTML = count; }); What's the smallest piece of code that taught you the most about JavaScript? Share below! 👇 #JavaScript #WebDevelopment #DOMManipulation #EventHandling #Coding #Programming #FrontEnd #day43 #SheryiansCodingSchool #Cohort2

Came across a really clear article on the JavaScript Event Loop: “𝐓𝐡𝐞 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐄𝐯𝐞𝐧𝐭 𝐋𝐨𝐨𝐩 𝐄𝐱𝐩𝐥𝐚𝐢𝐧𝐞𝐝 𝐰𝐢𝐭𝐡 𝐄𝐱𝐚𝐦𝐩𝐥𝐞𝐬” short and practical. Great refresher on async tasks, microtasks vs macrotasks, and how the event loop works. The examples make it easy to connect theory with real code. If you work with JS, definitely worth a read! 🔗 https://lnkd.in/gwqhBxim #JavaScript #FrontendDevelopment #WebDevelopment #DeveloperLearning #React #EventLoop

🚀 Day 41 of #100DaysOfWebDevelopment Challenge Today, I explored some of the most commonly used JavaScript String Methods — tools that help manipulate and format text efficiently. 🔹 trim() The trim() method removes any unnecessary whitespace from the beginning and end of a string. It’s extremely useful when handling user input or text data that may contain extra spaces. 🔹 toUpperCase() & toLowerCase() These methods convert text to uppercase or lowercase, helping in formatting or case-insensitive comparisons. For example: "hello".toUpperCase() → "HELLO" 🔹 String Methods with Arguments Some string methods accept arguments — values you pass inside parentheses to control their behavior. For instance, indexOf("a") returns the position of the first occurrence of the letter "a" in a string. 🔹 indexOf() This method helps find the index (position) of a specific character or substring. It returns -1 if the value isn’t found — making it handy for search operations in text. 🔹 Method Chaining I learned that multiple methods can be combined in a single line — known as method chaining. 🔹 slice() The slice() method extracts a part of a string and returns it as a new string without modifying the original. 🔹 replace() This method replaces a specified value with another value in a string. It’s very useful for text transformation or cleaning data. 🔹 repeat() Finally, I explored the repeat() method, which repeats a string a specified number of times — great for generating patterns or visual output. #100DaysOfCode #WebDevelopment #JavaScript #FrontendDevelopment #LearningInPublic #CodingJourney

Going back to basics 🌱 In my last post, we saw how "this" can get lost when a method is called separately. So let’s take that one step deeper today. What if we could manually tell Javascript what "this" keyword should point to? That is exactly what "call()" , "apply()", and "bind()" help us do. Lets see a below code example to understand "this" : "call()" : Calls immediately, pass arguments directly. "apply()": Calls immediately, but takes arguments as an "array". "bind()": Does not call right away , returns a "new function" with fixed "this". We use these when we need to control , specially in "callbacks" and "event handlers". There is still more to uncover!!! So now my question is, do "arrow functions" also behave the same way as "regular functions" when it comes to "this"? #Javascript #Frontend

🌀 𝗠𝗮𝘀𝘁𝗲𝗿𝗶𝗻𝗴 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗣𝗿𝗼𝘅𝗶𝗲𝘀 — 𝗜𝗻𝘁𝗲𝗿𝗰𝗲𝗽𝘁, 𝗖𝗼𝗻𝘁𝗿𝗼𝗹 & 𝗣𝗼𝘄𝗲𝗿 𝗨𝗽 𝗬𝗼𝘂𝗿 𝗢𝗯𝗷𝗲𝗰𝘁𝘀 Wrappers, traps, handlers — the native Proxy object in JavaScript gives you 𝗺𝗲𝘁𝗮-𝗰𝗼𝗻𝘁𝗿𝗼𝗹 over how your objects behave. Want to intercept property access, validate assignments, or log operations? Proxies unlock that power. In this post I break down: ✅ What Proxy objects really do (the target + handler + traps model) ✅ How traps like `get`, `set`, `apply`, `construct` let you intercept reads, writes, function calls and constructor calls ✅ Real-world use cases: validation, access control, logging, lazy initialization, smart defaults 👉 Read here: https://lnkd.in/d2z-7z6w Stay curious. Code smarter. 🧠 #JavaScript #WebDevelopment #Proxies #Metaprogramming #CodingTips

🔥 Master JavaScript String Methods in Minutes! Strings are everywhere — from user input to API responses. Knowing how to manipulate them efficiently can save you tons of time. Here’s a handy visual cheatsheet of the most used String methods: ✨ .charAt() → grab a character ✨ .concat() → merge strings ✨ .startsWith() / .endsWith() → quick checks ✨ .includes() → search inside strings ✨ .padStart() / .padEnd() → formatting made easy ✨ .repeat() → repeat content ✨ .replace() → swap text ✨ .split() → break into arrays ✨ .toUpperCase() / .toLowerCase() → change casing ✨ .trim() → clean extra spaces Save this for later 🔖 and never get stuck Googling again. 💬 What’s your most used String method in real projects? hashtag#JavaScript hashtag#WebDevelopment hashtag#Frontend hashtag#Coding hashtag#SoftwareEngineering hashtag#100DaysOfCode hashtag#JavaScriptTips