Skip to content
geeksforgeeks
  • Courses
    • DSA to Development
    • Get IBM Certification
    • Newly Launched!
      • Master Django Framework
      • Become AWS Certified
    • For Working Professionals
      • Interview 101: DSA & System Design
      • Data Science Training Program
      • JAVA Backend Development (Live)
      • DevOps Engineering (LIVE)
      • Data Structures & Algorithms in Python
    • For Students
      • Placement Preparation Course
      • Data Science (Live)
      • Data Structure & Algorithm-Self Paced (C++/JAVA)
      • Master Competitive Programming (Live)
      • Full Stack Development with React & Node JS (Live)
    • Full Stack Development
    • Data Science Program
    • All Courses
  • Tutorials
    • Data Structures & Algorithms
    • ML & Data Science
    • Interview Corner
    • Programming Languages
    • Web Development
    • CS Subjects
    • DevOps And Linux
    • School Learning
  • Practice
    • GfG 160: Daily DSA
    • Problem of the Day
    • Practice Coding Problems
    • GfG SDE Sheet
  • JS Tutorial
  • JS Exercise
  • JS Interview Questions
  • JS Array
  • JS String
  • JS Object
  • JS Operator
  • JS Date
  • JS Error
  • JS Projects
  • JS Set
  • JS Map
  • JS RegExp
  • JS Math
  • JS Number
  • JS Boolean
  • JS Examples
  • JS Free JS Course
  • JS A to Z Guide
  • JS Formatter
Open In App

JavaScript Complete Guide - A to Z JavaScript Concepts

Last Updated : 22 Apr, 2025
Comments
Improve
Suggest changes
Like Article
Like
Report

JavaScript is a lightweight, cross-platform, single-threaded, and interpreted compiled programming language. It is also known as the scripting language for web pages. Some of the key features of JavaScript are:

  • Lightweight and Fast: JavaScript is a lightweight programming language that runs quickly in web browsers.
  • Single-Threaded: It processes tasks one at a time, making it simple to manage, though asynchronous features like Promises help handle multiple tasks simultaneously.
  • Event-Driven: JavaScript is designed to handle events (like clicks or key presses) in web applications.

Let's see, all essential JavaScript concepts from A to Z, helping you build a solid understanding of the language.

JavaScript A to Z Complete Guide
JavaScript A to Z Complete Guide

JavaScript for Beginners Level

An Introduction to JavaScript

  • Introduction to JS
  • JS Syntax
  • JS Add JS file in HTML Document
  • JS Versions Output
  • JS Comments
  • JS Statements
  • JS Events

JavaScript Variables and Data Types

  • JS Variables
  • JS let
  • JS const
  • JS var
  • Difference between var, let, and const keywords in JS
  • Global and Local variables in JS
  • Access Variables from Another File using JavaScript?
  • JS Data Types
  • JS Type Conversion
  • JS Type Coercion
  • JS Hoisting

JavaScript Operators

  • JS Operators
  • Operator precedence in JS
  • JS Arithmetic Operators
  • JS Assignment Operators
  • JS Comparison Operators
  • JS Logical Operators
  • JS Ternary Operators
  • JS Bitwise Operators
  • JS typeof Operator

JavaScript Conditional Flow

  • JS Ternary Operator
  • JS if-else
  • Switch Case in JS

JavaScript Loops

  • Loops in JS
  • JS For Loop
  • JS While Loop
  • JS for-in Loop
  • JS for…of Loop
  • JS do…while Loop
  • JS Continue Statement
  • JS break and continue
  • JS Errors: Throw and Try to Catch
  • Difference between forEach and for loop in JS

JavaScript Function

  • Functions in JS
  • How to write a function in JS?
  • JS Function Call
  • Different ways of writing functions in JS
  • Difference between Methods and Functions in JS
  • Explain the Different Function States in JS
  • Pass by Value and Pass by Reference in JS
  • Call by Value Vs Call by Reference in JS
  • JS return Statement
  • JS Nested functions
  • JS Rest parameter
  • JS Anonymous Functions
  • How to Understand Recursion in JS
  • Arrow functions in JS
  • JS Function Complete Reference

JavaScript String

  • JS String
  • JS String Storage()
  • String() Constructor
  • Built-in Strings in JS
  • Convert String to Camel Case
  • Count String Occurrences?
  • String Methods
  • Join Array Elements into a String
  • Create a String with Multiple Spaces
  • Multi-line Strings in JavaScript
  • Generate All Combinations of a String
  • Create a Function from a String
  • String Reference
  • JS Date
  • Remove a Character From a String in JS
  • Extract a Number from a String using JS

JavaScript Numbers

  • JS Numbers
  • How are numbers stored in JS?
  • How to create a Number object using JS
  • JS Number Reference

JavaScript Objects

  • JS Objects
  • Creating Objects in JS (4 Different Ways)
  • JS JSON Objects
  • JS Object Reference
  • Push an Array into an Object in JS
  • Check if a Key Exists in JS Object

JavaScript Arrays

  • Arrays in JS
  • Create an array of a given size in JS
  • Get the first and last item in an array using JS
  • How to append an element to an array in JS?
  • Remove elements from a JS Array
  • JS Basic Array Methods
  • Best-Known JS Array Methods
  • What are the Important Array Methods of JS?
  • JS Array Reference
  • Remove Duplicate Elements From JS Array
  • Filter Object Array Based On Attributes
  • Add an Object to JS Array
  • JS Multidimensional Array
  • JS Array forEach() Method
  • ArrayMap() Method In JS
  • ArrayFilter() Method In JS
  • ArrayReduce() Method In JS

JavaScript Date

  • JS Date() Constructor
  • JS Date constructor Property
  • JS Date now() Method
  • JS Date parse() Method
  • JS Date UTC() Method
  • JS Date getDate() Method
  • JS Date getDay() Method
  • Check if Date is Today in JS
  • Check if Date is Between Two Dates in JS
  • JS Date Reference

JavaScript JSON

  • JS JSON
  • JS JSON Objects
  • JS JSON parse() Method
  • JS JSON stringify() Method
  • Pretty Print JSON in JS
  • Add Element to JSON Object in JS
  • Read JSON file in JS
  • JS JSON Complete Reference
  • Convert JSON data to html table using jQuery
  • Check if a key exists inside a JSON object

JavaScript Set

  • Sets in JS
  • How are elements ordered in a Set in JS
  • How to iterate over Set elements in JS?
  • How to sort a set in JS?
  • JS Set Reference

JavaScript Map

  • JS Map
  • What is JS Map and how to use it?
  • JS Map Reference

JavaScript ArrayBuffer

  • JS ArrayBuffer() Constructor
  • JS arrayBuffer byteLength Property
  • JS arrayBuffer slice() Method
  • JS ArrayBuffer isView() Method
  • JS ArrayBuffer maxByteLength Property
  • JS ArrayBuffer resize() Method
  • JS ArrayBuffer Reference

JavaScript Atomics

  • Atomics in JS
  • Atomics.and() In JS
  • JS Atomics or() Method
  • Atomics.xor() In JS
  • JS Atomics add() Method
  • JS Atomics compareExchange( ) Method
  • JS Atomics store() Method
  • JS Atomics Reference

JavaScript BigInt

  • JS BigInt
  • JS BigInt() constructor
  • JS BigInt constructor Property
  • JS BigInt asIntN() Method
  • JS BigInt asUintN() Method
  • JS BigInt toLocaleString() Method
  • JS BigInt toString() Method
  • JS BigInt valueOf() Method
  • JS BigInt Reference

JavaScript Boolean and DataView

  • JS Boolean() Constructor
  • JS Boolean Constructor Property
  • JS Boolean valueOf() Method
  • JS Boolean toString() Method
  • JS Boolean Reference

JavaScript Generator

  • JS Generator() Constructor
  • JS Generator constructor Property
  • JS Generator next() Method
  • JS Generator return() Method
  • JS Generator throw() Method
  • JS Generator Reference

JavaScript Intl

  • JS Intl.ListFormat supportedLocalesOf()
  • JS Intl.DateTimeFormat supportedLocalesOf()
  • JS Intl.ListFormat format()
  • JS Intl.ListFormat formatToParts()
  • JS Intl.DateTimeFormat format()
  • JS Intl.Collator supportedLocalesOf()
  • JS Intl.DateTimeFormat formatRangeToParts()
  • JS Intl Complete Reference

JavaScript Math

  • Use of Math object in JS
  • JS Math Object
  • JS Math E Property
  • JS Math LN2 Property
  • JS Math LN10 Property
  • JS Math LOG2E Property
  • JS Math LOG10E Property
  • JS Math PI Property
  • JS Math abs() Method
  • JS Math acos() Method
  • JS Math acosh() Method
  • JS Math asin() Method
  • JS Math asinh() Method
  • JS Math atan() Method
  • JS Math atan2() Method
  • JS Math Reference

JavaScript RegExp

  • JS RegExp() Constructor
  • JS RegExp constructor Property
  • JS RegExp dotAll Property
  • JS RegExp flags Property
  • JS RegExp global Property
  • JS RegExp hasIndices Property
  • JS RegExp exec() Method
  • JS RegExp test() Method
  • JS RegExp toString() Method
  • JS RegExp Reference

Advanced JS

JavaScript Promise

  • JS Promise
  • JS promise resolve() Method
  • JS Promise all() Method
  • JS Promise then() Method
  • JS Promise any() Method
  • JS Promise race() Method
  • JS promise reject() Method
  • Promise vs Callback in JS
  • JS Promise Reference

JavaScript Proxy/handler

  • JS Proxy/Handler
  • JS Proxy() Constructor
  • JS Proxy revocable() Method
  • JS Handler apply() Method
  • JS Handler construct() Method
  • JS Handler defineProperty() Method
  • JS Handler get() Method
  • JS Proxy/handler Reference
  • JS file handling

JavaScript Reflect

  • JS Reflect
  • JS Reflect get() Method
  • JS Reflect getPrototypeOf() Method
  • JS Reflect isExtensible() Method
  • JS Reflect getOwnPropertyDescriptor() Method
  • JS Reflect construct() Method
  • JS Reflect apply() Method
  • JS Reflect Reference

JavaScript Symbol

  • JS Symbol() Constructor
  • JS Symbol constructor Property
  • JS Symbol asyncIterator Property
  • JS Symbol description Property
  • JS Symbol hasInstance Property
  • JS Symbol isConcatSpreadable Property
  • JS Symbol Iterator Property
  • JS Symbol() Method
  • JS Symbol keyFor() Method
  • JS Symbol toString() Method
  • JS Symbol Reference

JavaScript WeakMap

  • JS WeakMap
  • JS WeakMap() Constructor
  • JS WeakMap constructor Property
  • JS weakMap delete() Method
  • JS weakMap get() Method
  • JS weakMap has() Method
  • JS weakMap set() Method
  • JS WeakMap Reference

JavaScript WeakSet

  • JS WeakSet
  • JS WeakSet() Constructor
  • JS WeakSet constructor property
  • JS weakSet add() Method
  • JS weakSet delete() Method
  • JS weakSet has() Method
  • JS WeakSet Reference

JavaScript Expressions

  • JS this Keyword
  • JS Async/Await Function
  • JS Object initializer
  • JS Grouping Operator
  • JS async function expression
  • JS RegExp(Regular Expression)
  • JS function* expression
  • JS Function Expression
  • JS class expression
  • Asynchronous JS
  • Promises in JS
  • JS Expressions Complete Reference

JavaScript Event Loop

  • Understanding the Event Loop
  • Call Stack, Web APIs, Callback Queue
  • Microtasks vs Macrotasks
  • SetTimeout, SetInterval, and Their Effects on the Event Loop

JavaScript Classes And OOPS

  • Classes In JS
  • Classes and Objects in JS
  • How to create a JS class in ES6
  • this Keyword JS
  • New Keyword in JS
  • Object Constructor in JS
  • Inheritance in JS
  • Encapsulation in JS
  • Static Methods In JS
  • OOP in JS
  • Getter and Setter in JS
  • JS Event

JavaScript Error

  • Invalid date
  • Repeat count must be non-negative
  • Can’t access lexical declaration`variable’ before initialization
  • Invalid assignment left-hand side
  • Assignment to undeclared variable
  • Reference to undefined property “x”

Error Handling in JavaScript

  • JS Errors Throw and Try to Catch
  • Console in JS
  • JS Error and Exceptional Handling With Examples
  • Debugging in JS
  • Why cannot we catch errors outside of a function in JS?
  • Unexpected token error for catch JS
  • How to increase multiple try-catch readability in JS?
  • JS Error Handling: Unexpected Token

JavaScript HTTP Methods

  • Put v/s Patch
  • Fetch API in JS
  • Use JavaScript Fetch API to Get Data
  • Make an Ajax call from JavaScript
  • Wait for an API Request to Return in JS

Client-Side Storage

  • Local Storage in JS
  • Session Storage in JS
  • Difference between Local Storage, Session, and Cookies
  • JSON Web Token (JWT)

JavaScript Asynchronous Programming

  • Callbacks vs Promises vs Async/Await
  • Event Emitters

JavaScript Interview Preparation

  • JS Interview Questions and Answers | Set 1
  • JS Interview Questions and Answers | Set-2
  • JS Interview Questions and Answers | Set 3

JavaScript Practice Quiz

  • JS Course | Practice Quiz-1
  • JS Course | Practice Quiz-2
  • JS Course | Practice Quiz-3

JavaScript Libraries & Frameworks

  • Frontend Libraries: React, Preact, Lodash, Moment.js, jQuery, Axios
  • Backend Libraries: Socket.io, JWT, Bcrypt, Passport.js, CORS
  • Frontend Frameworks: Vue.js, Angular, Next.js, Nuxt.js, Gatsby
  • Backend Frameworks: Express.js, NestJS, Koa.js, Sails.js, Fastify
  • FullStack Frameworks: Meteor.js, Next.js, Nuxt.js, RedwoodJS

author
kartik
Improve
Article Tags :
  • JavaScript
  • Web Technologies
  • A-Z Guides

Similar Reads

    HTML Cheat Sheet
    HTML (HyperText Markup Language) serves as the foundational framework for web pages, structuring content like text, images, and videos. HTML forms the backbone of every web page, defining its structure, content, and interactions. Its enduring relevance lies in its universal adoption across web devel
    15+ min read
    CSS Cheat Sheet
    What is CSS? CSS i.e. Cascading Style Sheets is a stylesheet language used to describe the presentation of a document written in a markup language such as HTML, XML, etc. CSS enhances the look and feel of the webpage by describing how elements should be rendered on screen or in other media. What is
    13 min read
    JavaScript Cheat Sheet
    JavaScript is a lightweight, open, and cross-platform programming language. It is omnipresent in modern development and is used by programmers across the world to create dynamic and interactive web content like applications and browsersJavaScript (JS) is a versatile, high-level programming language
    15+ min read
    jQuery Cheat Sheet
    What is jQuery?jQuery is an open-source, feature-rich JavaScript library, designed to simplify the HTML document traversal and manipulation, event handling, animation, and Ajax with an easy-to-use API that supports the multiple browsers. It makes the easy interaction between the HTML & CSS docum
    15+ min read
    Angular Cheat Sheet
    Angular is a client-side TypeScript-based, front-end web framework developed by the Angular Team at Google, that is mainly used to develop scalable single-page web applications(SPAs) for mobile & desktop. Angular is a great, reusable UI (User Interface) library for developers that helps in build
    15+ min read
    Bootstrap Cheat Sheet
    Bootstrap is a free, open-source, potent CSS framework and toolkit used to create modern and responsive websites and web applications. It is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. Nowadays, websites are perfect for all browsers and all
    15+ min read
    ReactJS Cheat Sheet
    React is an open-source JavaScript library used to create user interfaces in a declarative and efficient way. It is a component-based front-end library responsible only for the view layer of a Model View Controller (MVC) architecture. React is used to create modular user interfaces and promotes the
    9 min read
    HTML Complete Guide
    What is HTML ? HTML stands for Hypertext Markup Language. It is a standard markup language used to design the documents displayed in the browsers as a web page. This language is used to annotate (make notes for the computer) text so that a machine can understand it and manipulate text accordingly. M
    7 min read
    CSS Complete Guide
    What is CSS ?CSS stands for "Cascading Style Sheet". It is used to style HTML Documents. CSS simplifies the process of making web pages presentable. It describes how web pages should look it prescribes colors, fonts, spacing, and much more.CSS Complete GuideWhat is CSS Complete Guide ?CSS Complete G
    4 min read
    JavaScript Complete Guide
    JavaScript is a lightweight, cross-platform, single-threaded, and interpreted compiled programming language. It is also known as the scripting language for web pages. Some of the key features of JavaScript are:Lightweight and Fast: JavaScript is a lightweight programming language that runs quickly i
    6 min read
geeksforgeeks-footer-logo
Corporate & Communications Address:
A-143, 7th Floor, Sovereign Corporate Tower, Sector- 136, Noida, Uttar Pradesh (201305)
Registered Address:
K 061, Tower K, Gulshan Vivante Apartment, Sector 137, Noida, Gautam Buddh Nagar, Uttar Pradesh, 201305
GFG App on Play Store GFG App on App Store
Advertise with us
  • Company
  • About Us
  • Legal
  • Privacy Policy
  • In Media
  • Contact Us
  • Advertise with us
  • GFG Corporate Solution
  • Placement Training Program
  • Languages
  • Python
  • Java
  • C++
  • PHP
  • GoLang
  • SQL
  • R Language
  • Android Tutorial
  • Tutorials Archive
  • DSA
  • Data Structures
  • Algorithms
  • DSA for Beginners
  • Basic DSA Problems
  • DSA Roadmap
  • Top 100 DSA Interview Problems
  • DSA Roadmap by Sandeep Jain
  • All Cheat Sheets
  • Data Science & ML
  • Data Science With Python
  • Data Science For Beginner
  • Machine Learning
  • ML Maths
  • Data Visualisation
  • Pandas
  • NumPy
  • NLP
  • Deep Learning
  • Web Technologies
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • ReactJS
  • NextJS
  • Bootstrap
  • Web Design
  • Python Tutorial
  • Python Programming Examples
  • Python Projects
  • Python Tkinter
  • Python Web Scraping
  • OpenCV Tutorial
  • Python Interview Question
  • Django
  • Computer Science
  • Operating Systems
  • Computer Network
  • Database Management System
  • Software Engineering
  • Digital Logic Design
  • Engineering Maths
  • Software Development
  • Software Testing
  • DevOps
  • Git
  • Linux
  • AWS
  • Docker
  • Kubernetes
  • Azure
  • GCP
  • DevOps Roadmap
  • System Design
  • High Level Design
  • Low Level Design
  • UML Diagrams
  • Interview Guide
  • Design Patterns
  • OOAD
  • System Design Bootcamp
  • Interview Questions
  • Inteview Preparation
  • Competitive Programming
  • Top DS or Algo for CP
  • Company-Wise Recruitment Process
  • Company-Wise Preparation
  • Aptitude Preparation
  • Puzzles
  • School Subjects
  • Mathematics
  • Physics
  • Chemistry
  • Biology
  • Social Science
  • English Grammar
  • Commerce
  • World GK
  • GeeksforGeeks Videos
  • DSA
  • Python
  • Java
  • C++
  • Web Development
  • Data Science
  • CS Subjects
@GeeksforGeeks, Sanchhaya Education Private Limited, All rights reserved
We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy
Lightbox
Improvement
Suggest Changes
Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal.
geeksforgeeks-suggest-icon
Create Improvement
Enhance the article with your expertise. Contribute to the GeeksforGeeks community and help create better learning resources for all.
geeksforgeeks-improvement-icon
Suggest Changes
min 4 words, max Words Limit:1000

Thank You!

Your suggestions are valuable to us.

'); // $('.spinner-loading-overlay').show(); let script = document.createElement('script'); script.src = 'https://assets.geeksforgeeks.org/v2/editor-prod/static/js/bundle.min.js'; script.defer = true document.head.appendChild(script); script.onload = function() { suggestionModalEditor() //to add editor in suggestion modal if(loginData && loginData.premiumConsent){ personalNoteEditor() //to load editor in personal note } } script.onerror = function() { if($('.editorError').length){ $('.editorError').remove(); } var messageDiv = $('
').text('Editor not loaded due to some issues'); $('#suggestion-section-textarea').append(messageDiv); $('.suggest-bottom-btn').hide(); $('.suggestion-section').hide(); editorLoaded = false; } }); //suggestion modal editor function suggestionModalEditor(){ // editor params const params = { data: undefined, plugins: ["BOLD", "ITALIC", "UNDERLINE", "PREBLOCK"], } // loading editor try { suggestEditorInstance = new GFGEditorWrapper("suggestion-section-textarea", params, { appNode: true }) suggestEditorInstance._createEditor("") $('.spinner-loading-overlay:eq(0)').remove(); editorLoaded = true; } catch (error) { $('.spinner-loading-overlay:eq(0)').remove(); editorLoaded = false; } } //personal note editor function personalNoteEditor(){ // editor params const params = { data: undefined, plugins: ["UNDO", "REDO", "BOLD", "ITALIC", "NUMBERED_LIST", "BULLET_LIST", "TEXTALIGNMENTDROPDOWN"], placeholderText: "Description to be......", } // loading editor try { let notesEditorInstance = new GFGEditorWrapper("pn-editor", params, { appNode: true }) notesEditorInstance._createEditor(loginData&&loginData.user_personal_note?loginData.user_personal_note:"") $('.spinner-loading-overlay:eq(0)').remove(); editorLoaded = true; } catch (error) { $('.spinner-loading-overlay:eq(0)').remove(); editorLoaded = false; } } var lockedCasesHtml = `You can suggest the changes for now and it will be under 'My Suggestions' Tab on Write.

You will be notified via email once the article is available for improvement. Thank you for your valuable feedback!`; var badgesRequiredHtml = `It seems that you do not meet the eligibility criteria to create improvements for this article, as only users who have earned specific badges are permitted to do so.

However, you can still create improvements through the Pick for Improvement section.`; jQuery('.improve-header-sec-child').on('click', function(){ jQuery('.improve-modal--overlay').hide(); $('.improve-modal--suggestion').hide(); jQuery('#suggestion-modal-alert').hide(); }); $('.suggest-change_wrapper, .locked-status--impove-modal .improve-bottom-btn').on('click',function(){ // when suggest changes option is clicked $('.ContentEditable__root').text(""); $('.suggest-bottom-btn').html("Suggest changes"); $('.thank-you-message').css("display","none"); $('.improve-modal--improvement').hide(); $('.improve-modal--suggestion').show(); $('#suggestion-section-textarea').show(); jQuery('#suggestion-modal-alert').hide(); if(suggestEditorInstance !== null){ suggestEditorInstance.setEditorValue(""); } $('.suggestion-section').css('display', 'block'); jQuery('.suggest-bottom-btn').css("display","block"); }); $('.create-improvement_wrapper').on('click',function(){ // when create improvement option clicked then improvement reason will be shown if(loginData && loginData.isLoggedIn) { $('body').append('
'); $('.spinner-loading-overlay').show(); jQuery.ajax({ url: writeApiUrl + 'create-improvement-post/?v=1', type: "POST", contentType: 'application/json; charset=utf-8', dataType: 'json', xhrFields: { withCredentials: true }, data: JSON.stringify({ gfg_id: post_id }), success:function(result) { $('.spinner-loading-overlay:eq(0)').remove(); $('.improve-modal--overlay').hide(); $('.unlocked-status--improve-modal-content').css("display","none"); $('.create-improvement-redirection-to-write').attr('href',writeUrl + 'improve-post/' + `${result.id}` + '/', '_blank'); $('.create-improvement-redirection-to-write')[0].click(); }, error:function(e) { showErrorMessage(e.responseJSON,e.status) }, }); } else { if(loginData && !loginData.isLoggedIn) { $('.improve-modal--overlay').hide(); if ($('.header-main__wrapper').find('.header-main__signup.login-modal-btn').length) { $('.header-main__wrapper').find('.header-main__signup.login-modal-btn').click(); } return; } } }); $('.left-arrow-icon_wrapper').on('click',function(){ if($('.improve-modal--suggestion').is(":visible")) $('.improve-modal--suggestion').hide(); else{ } $('.improve-modal--improvement').show(); }); const showErrorMessage = (result,statusCode) => { if(!result) return; $('.spinner-loading-overlay:eq(0)').remove(); if(statusCode == 403) { $('.improve-modal--improve-content.error-message').html(result.message); jQuery('.improve-modal--overlay').show(); jQuery('.improve-modal--improvement').show(); $('.locked-status--impove-modal').css("display","block"); $('.unlocked-status--improve-modal-content').css("display","none"); $('.improve-modal--improvement').attr("status","locked"); return; } } function suggestionCall() { var editorValue = suggestEditorInstance.getValue(); var suggest_val = $(".ContentEditable__root").find("[data-lexical-text='true']").map(function() { return $(this).text().trim(); }).get().join(' '); suggest_val = suggest_val.replace(/\s+/g, ' ').trim(); var array_String= suggest_val.split(" ") //array of words var gCaptchaToken = $("#g-recaptcha-response-suggestion-form").val(); var error_msg = false; if(suggest_val != "" && array_String.length >=4){ if(editorValue.length { jQuery('.ContentEditable__root').focus(); jQuery('#suggestion-modal-alert').hide(); }, 3000); } } document.querySelector('.suggest-bottom-btn').addEventListener('click', function(){ jQuery('body').append('
'); jQuery('.spinner-loading-overlay').show(); if(loginData && loginData.isLoggedIn) { suggestionCall(); return; } // script for grecaptcha loaded in loginmodal.html and call function to set the token setGoogleRecaptcha(); }); $('.improvement-bottom-btn.create-improvement-btn').click(function() { //create improvement button is clicked $('body').append('
'); $('.spinner-loading-overlay').show(); // send this option via create-improvement-post api jQuery.ajax({ url: writeApiUrl + 'create-improvement-post/?v=1', type: "POST", contentType: 'application/json; charset=utf-8', dataType: 'json', xhrFields: { withCredentials: true }, data: JSON.stringify({ gfg_id: post_id }), success:function(result) { $('.spinner-loading-overlay:eq(0)').remove(); $('.improve-modal--overlay').hide(); $('.create-improvement-redirection-to-write').attr('href',writeUrl + 'improve-post/' + `${result.id}` + '/', '_blank'); $('.create-improvement-redirection-to-write')[0].click(); }, error:function(e) { showErrorMessage(e.responseJSON,e.status); }, }); });
"For an ad-free experience and exclusive features, subscribe to our Premium Plan!"
Continue without supporting
`; $('body').append(adBlockerModal); $('body').addClass('body-for-ad-blocker'); const modal = document.getElementById("adBlockerModal"); modal.style.display = "block"; } function handleAdBlockerClick(type){ if(type == 'disabled'){ window.location.reload(); } else if(type == 'info'){ document.getElementById("ad-blocker-div").style.display = "none"; document.getElementById("ad-blocker-info-div").style.display = "flex"; handleAdBlockerIconClick(0); } } var lastSelected= null; //Mapping of name and video URL with the index. const adBlockerVideoMap = [ ['Ad Block Plus','https://media.geeksforgeeks.org/auth-dashboard-uploads/abp-blocker-min.mp4'], ['Ad Block','https://media.geeksforgeeks.org/auth-dashboard-uploads/Ad-block-min.mp4'], ['uBlock Origin','https://media.geeksforgeeks.org/auth-dashboard-uploads/ub-blocke-min.mp4'], ['uBlock','https://media.geeksforgeeks.org/auth-dashboard-uploads/U-blocker-min.mp4'], ] function handleAdBlockerIconClick(currSelected){ const videocontainer = document.getElementById('ad-blocker-info-div-gif'); const videosource = document.getElementById('ad-blocker-info-div-gif-src'); if(lastSelected != null){ document.getElementById("ad-blocker-info-div-icons-"+lastSelected).style.backgroundColor = "white"; document.getElementById("ad-blocker-info-div-icons-"+lastSelected).style.borderColor = "#D6D6D6"; } document.getElementById("ad-blocker-info-div-icons-"+currSelected).style.backgroundColor = "#D9D9D9"; document.getElementById("ad-blocker-info-div-icons-"+currSelected).style.borderColor = "#848484"; document.getElementById('ad-blocker-info-div-name-span').innerHTML = adBlockerVideoMap[currSelected][0] videocontainer.pause(); videosource.setAttribute('src', adBlockerVideoMap[currSelected][1]); videocontainer.load(); videocontainer.play(); lastSelected = currSelected; }

What kind of Experience do you want to share?

Interview Experiences
Admission Experiences
Career Journeys
Work Experiences
Campus Experiences
Competitive Exam Experiences