Project 3: Creating a News Website | JavaScript Tutorial In Hindi #40

[@mayankchoudhary6377]

I have seen other technical KZbinrs tutorial but I must tell you that Harry bhai you are best one. And the best part is ki aapki baato se padhte waqt bore nhi hote. Thank you for the tutorials...

[@parveensishodiya5768]

love you herry bhai

[@sadafsiddiqui1589]

@@parveensishodiya5768 i am getting cors error...allow access origin header not allowed.....how to fix it without any extension??

[@akhileshmishra5559]

@@sadafsiddiqui1589 me too how to solve it??

[@sadafsiddiqui1589]

@@akhileshmishra5559 use gnews Api..

[@akhileshmishra5559]

@@sadafsiddiqui1589 okay i will try , thank u bro..

[@aiknowledge-n2s]

For a teacher or Tech KZbinr to have 3M+ Subscribers is a big thing. Totally deserved it bro, excellent teaching style. Such hardwork, not seen before. Love and respect from Pakistan. You're really doing amazing work.

[@shobhitsrivastava4496]

These tutorials are like GOLD. Thank you so much Harry sir!!

[@ykmstudio2199]

25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

[@Vishalraj_1]

for anyone who got error in console for fetching api. I suggest use gnews api instead of news api

[@amarwavare711]

Yes, that happened with me. Thanks for your solution !

[@darsh4933]

hey man thank you so much

[@yashyadav7248]

Thanks man 426 error was there in news api

[@akashkhandelwal-altruistic5363]

Thank you vishal I also get the same error.

[@tahafaraz9311]

thanks buddy

[@dhananjaythote9681]

Bhai tumhari tuning....Awsm yr even i laugh during watching video...awsm tutorial bro

[@neilrehani.1409]

Sir watching this in 2021....not able to get the request from NEWS API...copied & pasted your own code with my API key then too giving me a 426 error...plz help

[@varunsharma3481]

Aapki bhaiya best video love it

[@divyaomar5417]

Harry you are really best one😊😊😊

[@rinkeshranpariya887]

Please help : 426 error how can i solve this?

[@unpit]

I live in Zakir Nagar and shocked to see the news of my area ...... !! HATS OFF HARIS BRO

[@tusharsingh2048]

32.55 bhai gazab ka edit maara h

[@ykmstudio2199]

25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

[@vishalbhardwaj8577]

just halfway the project and i design myself from there thank u

[@shakeelilyas7952]

It's is easy than the previous project but much interesting i really really enjoy to create it. i feel so happy to get content through api🎉🥳🥳🥳🎉🎉

[@dibyansh7507]

I was too getting error like but I fixed it. Solution - 1. Download Live Server extension. 2. click go live. (The option will be on down right of vs code. It will open browser with new tab) 3. Make new tab (tab 2) in browser. 4. Type localhost: *(port no.)* / *(your html file)* 5. Now you can close the first tab.

[@karthikudupa5475]

Thanks Dibyansh, I was searching for this.

[@ykmstudio2199]

Bhai mere 426 error aa rha h Kesi fix karu plz help 😭🙏

[@dibyansh7507]

@@ykmstudio2199 mera solution toh sabke liye kaam kar raha hai.

[@ykmstudio2199]

@@dibyansh7507 hmm bhai fir bhi aa rha tha Pr uska solutions h gnews api Same h newsapi jesa but usme nhi aara error 😇

[@wasisheikh231]

@@ykmstudio2199 bhai kaise kara

[@Rahulyadav-ry1lk]

Main apka bhut bda fan hu app bhut hi Accha coding sikhate hai

[@needsomeone3636]

sir please help me i am facing problem its show failed to load 426 error

[@Utkarshh11111]

Love You bro please make videos on Artificial Intelligence pleaseeeeee

[@ykmstudio2199]

25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

[@doedits2842]

Because articles is an array of objects

[@ranmaleankur2957]

Harry bhai code implemented successfully. Thanks a lot feeling happy....Thank you for the tutorials...

[@mohduvesh6609]

kaise kiya bhai mera to error aa rha h api mein

[@akhileshmishra5559]

Cors policy ?

[@justfun591]

You're great Sir. Much Love from Pakistan

[@ykmstudio2199]

25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

[@justfun591]

@@ykmstudio2199 Maybe *object in object ho*. or ham forEach se har key value pair fetch kr rahey hain

[@ykmstudio2199]

@@justfun591 wahi to bhai agar object in object bhi h to for in loop, to properly work krna chahiye or fir.. kyu bola harry bhai ne ki array h and,, esa hi ek project kiya mene to error aa rha foreach loop lagane pr ,,...bhale aap source code ko chalae ya aapne project bnaya ho to aap dekhe console.log(typeof (result)) krke object hi btae ga🙄🙄

[@NinjaCoders]

very happy new year harry bhai

[@professionalman2591]

Best Video Thank You Sir

[@PritishMishra]

Harry bhai I love your teaching style

[@sagarkesarwani83]

@@ykmstudio2199 same solve hua voo?

[@ykmstudio2199]

@@sagarkesarwani83 bro gnewsapi use kro newsqpi k badle baki process same

[@ykmstudio2199]

25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

[@nimrakhalid7619]

Sir get karty hoye url kaha sy ly gy news api sy Jo hm ny open karni h?

[@kiranmahajan778]

Access to XMLHttpRequest at 'newsapi.org/v2/top-headlines?sources=bbc-news&apiKey=7ab5ce6070124c7d9b88f1ad4372dbe5' from origin '127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. I am getting this error

[@gururaj2199]

You just told us your API key and that problem is because you have to pay for it now

[@kiranmahajan778]

@@gururaj2199 oh shit I didn't see it

[@MegaARYARAJ]

@@kiranmahajan778 did you resolved above problem..?? I have the same problem.. I stopped the live server.. but still didnt worked

[@salonymittal7698]

Use url as localhost:5500/index.html. It will work.

[@AshishYadav-li5qi]

I am also facing the same error .If you have fixed it please share it with me.

[@sarthakpatelia9888]

i loved this project excellent sir.

[@varunmittal8005]

Hello harry bhai Bhai yeh 426 error show kr rha h.. plz bhai tell me how to solve this problem. I have searched on net but can't find anything plz tell me bhai how to solve this.. Thank You

[@abinashchoudhury8310]

If you have somehow found any alternative for this , then could you please share ?

[@varunmittal8005]

@@abinashchoudhury8310 if i found something, I will tell you

[@vinaykumar894]

after opening just replace your url with-- locahost:port(5500)/file_name

[@abinashchoudhury8310]

@@varunmittal8005 I have got the solution in the comment section itself....use gnewsapi..it will work :)

[@varunmittal8005]

@@abinashchoudhury8310 okkk thnq

[@priyankashinde1424]

Thank you sir for best Javascript tutorial on KZbin!! :)

[@gauttamgoyal5720]

I uploaded this project on github but while running the console shows an error saying that "the server responded with a status of 426 ()". please tell how to solve this error

[@AfterEverythinghandle]

yes i think the api has problems with its liberty policies

[@arcoding9273]

I also have

[@mesindhuroy]

same bro

[@parasarya72]

Is this error fixed now?

[@alliswell8317]

What font Family you are using for your editor?

[@siemen_subbaiah]

Thank you so much Harry Bhai⚡

[@ykmstudio2199]

25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

[@rondotTs]

Apse accha koi nhi smjata Bhai .... Java par ful series bn do bhaiya💞

[@pranavn2554]

No 'Access-Control-Allow-Origin' header is present on the requested resource. can anyone resolve this

[@prash_sh]

I'm having exactly the same issue here.

[@pranavn2554]

@@prash_sh I couldn't resolve the error but I used access control allow origin plugin it worked for me

[@prash_sh]

@@pranavn2554 yeah I read about the plugin but didn't feel like using it. Now it seems like I don't have a choice but to use it.

[@pranavn2554]

@@prash_sh s even I had no choice

[@GautamKumar-kh2th]

Hi pranav I have also this problem but now I resolved it. you can create a index.php file and write ////

[@chiragsoni1589]

is NewsApi still woking in browser in developer plan?

[@ak_8.8.8]

15:13 remove indent Keyboard Shortcut: *Ctrl + ]*

[@cuteboy856]

good harry bhai, keep it up the good work, aisay he project banatay rahain, it helps us a lot

[@doedits2842]

Hello I try to add search functionality By the same method which used in notes app project but it doesn't worked anyone please help!

[@AshishPradhan-rm9ix]

Plz reply sir at tell me the good sites were i can take some references

[@dynamictechnology4912]

Manta hu apka lecture!!!! keep going on.... god bless you for our help

[@kiranmahajan778]

Bahiyya when we host this website on github i am getting an error of mixed content bcoz the request to api is an http request

[@supriyamaji6255]

Is your problem solved sir?

[@kiranmahajan778]

Nope

[@sanjaypaul6651]

thank you so much harry sir💗💗💗💗💗💗💗💗🧡🧡🧡🧡🧡🧡🧡🧡🧡

[@muhammadaarizimam4890]

Bhai please ek complete course bano C# language pe or saathi saath bhai ek 3D game development ke auper bhi course banaio, lekin please usme Unity, Unreal jaise koi game engine software mat use krna but koi Ursina game engine jaisa engine use krna ya fir khud ka engine banana batana jisme hamara code hi hamara game ho. Or bhai please iss message pe ek reply kar dena taaki mere dil ko bhi ek tasalli mil jaye. Aur shukriya bhai hamen itna saare useful content dene ke liye. Aapke channel ke koi bhi video waste nhi h, main iska dawa krta hun.

[@sachingusain_]

harry bhai djnago m payment gatway or login through different medium like fb,gmail pr bnaao viedo ek...btw u r doing a gr8 work . stay blessed

[@monusingh3719]

Great small projects ...very helpful

[@msbasera]

Love you bhai ❤️

[@ripanseal9105]

My news api request is not working . It shows 426 error. What is the problem?? can anyone tell me!!!

[@khushimittal8162]

21:14 what does it mean by articles ?can anyone please explain

[@psgehlot9484]

Hello sir Isme Xhr. Send() Ma problems aa rahe ha Mana apne news api add krle phir bhi nai chal raha

[@saroshahmed7097]

you are a legend brother..

[@ykmstudio2199]

25:15 Bhai plz btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

[@amanrauniyar6698]

mera 426 error aarah he send karne k baad plz any solution

[@sadafsiddiqui1589]

I am getting no access-control-allow-Origin

[@kalyanipriyadarsini]

Nice project for beginners ..

[@ankitjain2398]

Awesome video bhai. Bhai apse ek request h react and react native pr course bnaiye

[@LalitKishork]

can you recommend another news API, any of them not working currently.

[@ykmstudio2199]

Bhai mere 426 error aa rha h Kesi fix karu plz help 😭🙏

[@wasisheikh231]

same here

[@ykmstudio2199]

@@wasisheikh231 brother use gnews api instead of newsapi

[@vinaykumar894]

after opening just replace your url with-- locahost:port(5500)/file_name

[@ykmstudio2199]

@@vinaykumar894 25:15 Bhai plz btao articles to object h na bhale hi check krlo typeof articles krke.. fir usme forEach loop kese lga...?🙏😟

[@ykmstudio2199]

25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

[@neelpatel4012]

I have not running any program related to ajax because my console says it's fail to load and throws the 426 error even if I copy your code from your side although I face same problem... Please help me Harry Bhai😔

[@needsomeone3636]

same bro i am also facing this problem

[@neelpatel4012]

@@needsomeone3636 brother I got solution... Run your program in the localhost so you can't face the problem of 426 For that you have to install xampp in your PC

[@keshavsangwan5091]

@@neelpatel4012 thanks bro...localhost is working

[@rajnishkumarsingh4315]

I tried to fetch the API but it's can't be fetched.can you solve this problem .Why this happened?

[@dibyansh7507]

Did you put xhr.send()

[@shriramsalunke1680]

Failed to load resource: the server responded with a status of 426 () muze isame ye error ara answer batao

[@mihirkumarsrivastava9389]

same here bro, if you got the answer then please tell

[@laxmankumawat6728]

Love you two years after ❤️💪❤️👍

[@naivedyabajpayee4339]

sir xhr.send() me error aa raha h plss help sir

[@DINESHSHARMA-wl6tb]

Me too

[@sddjango1510]

solve Problem :------------->github.com/shatishdesai202/javaScript-xmlHttpRequest-ApiNews install extensions---> Moesif CORS problem fixed

[@Shah-Aryan]

When you using go live button in Visual Code Studio, it will redirect you to 127.0.0.1:5500/index.html Instead of this open the site Manually by writing localhost in place of 127.0.0.1 i.e, localhost:5500/index.html This little trick worked for me. All the best 👍💯

[@Rakesh_ka_ladka]

@@Shah-Aryan thanks bro it worked

[@Shah-Aryan]

@@Rakesh_ka_ladka Your most welcome 🤘

[@btMannatMahajan]

Does anyone know ho to add pictures also with news headlines, and display them in widgets

[@omprakashhardaha7736]

Yes i already added🤝

[@falseking931]

Use card in bootstrap

[@Toonzy-official]

If we put this project on GitHub then what about security of our API key?

[@appinventwithbibek]

Bhai ye news website google adsense se monitize ho sakta hai kya

[@MohitKumar-pj6pe]

I have an error (426) after sending request... plz help

[@ajinkyajadhav8049]

ha bahii muze bhi aa raha he ky kare ab

[@amalsathyan5530]

Use xampp

[@nityan8037]

Search button code: let search = document.getElementById('searchTxt'); search.addEventListener("input", function(){ let inputVal = search.value; // console.log('Input event fired!', inputVal); let cards = document.getElementsByClassName('card'); Array.from(cards).forEach(function(element){ let cardTxt = element.getElementsByTagName("div")[0].innerText; if(cardTxt.includes(inputVal)){ element.style.display = "block"; } else{ element.style.display = "none"; } // console.log(cardTxt); }); });

[@siemen_subbaiah]

thank you so much bro,I was a bit struggling for this!

[@Praveenkumar-wv8qy]

#continue machine learning please😫🙏🙏💓

[@vikashkumar-lo9di]

Superv 🙏♥️

[@karthikjoshi6386]

i am getting chrome extension error and error on file in which i wrote my code it's showed same but i pasted code from code with harry but same error pls help me in resolving error

[@invisionchip]

Bhai video dekha sekha banaya host kiya. But sirf laptop ke chrome pe news showOdell kar raha hai. Phone pe nahi, kyakeep karun plz reply

[@whatteverr]

bro, plz create a tutorial in laravel based news portal like bbc, cnn.

[@kidscartoonsandlearning9984]

Bhai, This type of Website can be approved by google adsense ??

[@Kavya2008-c9o]

bro its showing 426 upgrade required

[@RahulMishra-mt3cv]

I am also getting same error, do you find the solution.

[@Kavya2008-c9o]

@@RahulMishra-mt3cv no

[@shivanshpurwar8543]

those have cors policy use moesif extension

[@AshishNallana]

harry bhai ek problem...Raksha karo jab maine news api use kari to api key, baaki sab ekdam set tha...lekin phir maine suna ki ye jo api ka kaam hai ye node.js ya server side se karna hai or ye error 426 dikha rha tha with cors policy...help me out koi or tarika nhi hai kya... server side ke alava

[@prog2597]

Mera bhi a raha hain 426 error

[@srishtiyadav5831]

I tried adding image too but getting this error: "Image (async) xhr.onload load (async) (anonymous)" please help!!

[@vanshitapalve8598]

How can I get this code? It's really urgent

[@navyagoyal3874]

sir mere mai xml request from origin null has been blocked aara hai console mai...

[@_q9011]

my powershell doesn't work when i typed "code.". can you please help me?

[@prajwalzingare7332]

Can any one help me ......I build proper news app it is running in live server properly fetching news but after deploying the website to netlify api is not working it is not fetching news Dom is rendering but not news .......

[@parasarya72]

Same thing happened with me right now,

[@parasarya72]

Kya tumhe iska koi solution mila?

[@yashvardhansingh4256]

News update kaise hogi is project me....ya refresh krne pe nyi news aati rhengi??

[@kartikeykakaria8a168]

bro tumhara 90% sikhaya to sahi gaya is video ka lekin ek problem aagyi jo online link tha vo access karte hue he website does not allows to access. lekin maine bhi uska sara content copy karke uski ek alag json file banali aur use access karlia. par isme problem yeh aayi ki it will not be live! I will have to update again and again.

[@ritik.kumar15]

Bhaiya 426 status error aarha hai

[@ayushagarwal6439]

Can anyone explain me that I run exactly the same code of Harry bhai but it is not working why ? I have change the apikey and the javascript file name as well in script source Can anyone recommend me the error?

[@Shah-Aryan]

When you using go live button in Visual Code Studio, it will redirect you to 127.0.0.1:5500/index.html Instead of this open the site Manually by writing localhost in place of 127.0.0.1 i.e, localhost:5500/index.html This little trick worked for me. All the best 👍💯

[@ayushagarwal6439]

@@Shah-Aryan thanks for the suggestion😅😅

[@manojgurung4418]

its not working for me when i do this of localhost edit,althoug i type my apikey in harry bhai code...pls help me if you have any solution

[@ayushagarwal6439]

@@manojgurung4418 aryan has suggested me the solution which is mentioned above here only...ANd I think it will work

[@Shah-Aryan]

@@manojgurung4418 bro first of all open the code with live server through Visual Studio Code and the replace 127.0.0.1 with localhost

[@princesukhala7106]

19:00min Done done Again

[@sahidabanoo1817]

2:30 HarryTak Kya hi hota hai😂😂

[@rustamaliansari5472]

Failed to load resource: the server responded with a status of 426

[@RahulMishra-mt3cv]

Getting same error.

[@gabbarpatil3222]

@Panthera Tigris Copy that json as a text file and use that text file to complete this project

[@sunilawasthi4106]

Can u make videos on laravel

[@yashwantsahu1752]

great Sir ....

[@TamoorAkhter]

Is Harry is her? Owner of channel (CodeWithHarry)

[@DevRaj-zk8tm]

my API key is not working can you please how it will work?

[@MRSAIF-ku1qn]

can you tell us a solution how resolve the error 426 upgrade issue kindly???????

[@mohitsaud2071]

yeah same here bro

[@dibyansh7507]

Try this - 1. Download Live Server extension. 2. click go live. (The option will be on down right of vs code. It will open browser with new tab) 3. Make new tab (tab 2) in browser. 4. Type localhost: *(port no.)* / *(your html file)* 5. Now you can close the first tab.

[@aashiqui8707]

@@dibyansh7507 its working.. thnks'

[@rishabhjain8472]

bhai jsp website ko host karne pe bhi ek video bana do

[@jeetshah189]

Harry bhai Maine search ka try kiya par mujhe typerror aa raha hai ki cannot read property ‘includes’ of undefined

[@noobsgaming2291]

please make these tutorial using wordpress

[@codewithcodemon8978]

Sir please ek XML ka complete tutorial laado

[@abhinavpandey3356]

Harry bhai pls isko javascript me fetch ka use krke kese bnayge y btado plssss.....

[@webcreationstudio7088]

world best playlist

[@nbk9930]

I am getting error 429 (too many requests) could you please tell me who to solve this ?

[@ykmstudio2199]

25:15 Bhai plz koi btao articles to object h na bhale hi check krlo typeof articles krke fir usme forEach loop kese lga...?🙏😟

[@its.me.be.positive]

Sir vue.js pr bhi videos bana dijiye

[@vedika8244]

Uncaught SyntaxError: Unexpected token '

[@justfun591]

its just a mistake caused by you while typing.

[@AMITKUMAR-mg6yh]

I got 426 error, can someone help to get rid of this

[@AMITKUMAR-mg6yh]

Okay the problem is due to, the api is paid you can change with another free one.

[@THEROBINKEVIN]

Wow 💓💓