Create Your Own JSON Formatter with JavaScript (Prettify/Minify)

Sdílet
Vložit
  • čas přidán 12. 09. 2024

Komentáře • 33

  • @palmpixiplus
    @palmpixiplus Před 2 lety +2

    This just saved me hours of headaches because I was going to try to build a function to manually format the JSON. Never realized that it could be done with JSON.stringify()

  • @kahville1
    @kahville1 Před 2 lety +3

    These videos are great! Your videos are structured and explained very well. The presentation is on the point as well. Great job!

  • @bmehder
    @bmehder Před 2 lety +1

    Thumbs up to whoever suggested using a darker background. I was bothered by it before, but the darker background is much more pleasant when viewing videos in the evening. And of course Dom always gets a thumbs up.

  • @awuk3468
    @awuk3468 Před 2 lety

    Fantastic video as usual! I have a video idea for you, re-create the common Admin (ex. Bootstrap admin) in pure JS, also some more "app" style tutorials, such as a user management, I'd love to see how you would tackle something like that.

  • @sanketgawande5305
    @sanketgawande5305 Před 2 lety

    Thanks for brand new mini project for my college 😃

  • @nurmohammadrayhan8639
    @nurmohammadrayhan8639 Před 2 lety

    fantastic Video Presentation and You Explain Every point to point
    ❤️❤️

  • @groot451
    @groot451 Před 2 lety

    Simply Awesome👍👏

  • @Mohammad-lu1pp
    @Mohammad-lu1pp Před 2 lety

    amazing job, keep it up

  • @fakupaku
    @fakupaku Před 2 lety

    You are a crack! Thank you

  • @umangternate
    @umangternate Před 2 lety

    This is amazing... I hope we can have js minifier too

  • @imduttaa
    @imduttaa Před rokem

    Hey can you make a video on how we can add expand collapse feature in the formatted json please. Btw love your videos. ❤

    • @dcode-software
      @dcode-software  Před rokem

      Thank you. I can't say I'll be making a video on that in the near future but it certainly would be a good enhancement to the JSON formatter!

  • @rogeriomartinez7828
    @rogeriomartinez7828 Před 5 měsíci

    looking to add colors to the outputs.

  • @indaneeydesign165
    @indaneeydesign165 Před 2 lety

    Great tutorial sir

  • @mohammedabdulaziz3658
    @mohammedabdulaziz3658 Před 2 lety

    fabulous sir

  • @eliezer_palc05
    @eliezer_palc05 Před 2 lety +1

    Greetings!!
    I would like you to make a video explaining how to do this please ... In the case of JavaScript, a code must be included in the page that captures a string of characters through a text box. From said string the JavaScript code must determine how many characters, words, number of vowels and number of consonants were written in said string.

    • @angmarliche9187
      @angmarliche9187 Před 2 lety

      Hi. Treat the text box string as an array and in a loop, check each letter of the string to match a condition (consonants, vowels, characters). Use str.length and iterate until the end. Have three counter variables. For consonants, check if letter is >= B and

  • @alfonsobaqueiro
    @alfonsobaqueiro Před rokem

    The , is part of the next element, not the current element, so, naturally it should be in the same line I mean this
    { "propertyA": 1
    , "propertyB": 2
    , "propertyC": 3
    }
    That gives it a sense on symetry and also you can remove any line but the first without breaking the json.

  • @shrekNumber11
    @shrekNumber11 Před 2 lety

    The Udemy courses links seems unavailable. Is this expected?

  • @lavareddylava4700
    @lavareddylava4700 Před 2 lety

    How to log json error details with rows and columns in javascript? Json.parse I can see only position number but I want on which row and column error is coming?

  • @isabelphillips451
    @isabelphillips451 Před 2 lety

    First time seeing your face ... 😍😍😍😍

  • @ali_ism4il
    @ali_ism4il Před 2 lety

    Hi sir
    In your video for instant search bar for javaScript- HTML - CSS
    The search.php file in not available i need this file for my website can you send me or give me the url.
    Thank you .

  • @joel-rg8xm
    @joel-rg8xm Před 2 lety

    I learned something, thx. What is that NULL argument for?

  • @soulofjack7294
    @soulofjack7294 Před rokem

    can you make for xml also?

  • @hindibrave
    @hindibrave Před rokem +1

    make html and css Formatter

  • @antoniedejong5570
    @antoniedejong5570 Před 2 lety

    when i inplement this in my website il get a error Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
    at can you help me with that

    • @angmarliche9187
      @angmarliche9187 Před 2 lety

      Hi. Look closely at the variable for which the AddEventListener exists. The Event Listeners are added to two buttons. The two buttons are identified from the DOM, using classes (const btnFormat = document.querySelector(".classname"). This error is showing up because the DOM cannot find the buttons from the provided identification. You may have misspelled the class name in the querySelector or in the html itself. Hope this helps.

  • @nickiwoa7948
    @nickiwoa7948 Před 2 lety

    Poorly formatted? What about a JavaScript object to json format? This seems like a construed and contrived use case.

  • @seancmptn
    @seancmptn Před 2 lety +1

    Am I shadow banned, Thanks Then.

    • @dilanh12
      @dilanh12 Před 2 lety +1

      what a goose, Thanks them

  • @leythecg
    @leythecg Před 2 lety

    just great! 👍👍👍

  • @nileshsonawane3093
    @nileshsonawane3093 Před 2 lety

    Bro pls make birthday Wishing js web application...