Excellent, the review at the end is very valuable. I hope you continue to do the review. It helps us understand the process. Thanks for all your hard work.
Thanks for this amazing project. I loved following this tutorial and creating the image search application. However, as a beginner, it would be great if you could also explain the purpose of each function or keyword you are using alongside so we could understand JS better.
Thank you so much, I learned a lot on this project! I will do the rest of your tutorials to learn more its very comprehensive and easy to follow specially for beginners like me
Great tutorial! I learned a some new things. Last appendChild had to be fixed, but otherwise everything went smooth as butter. I did few modifications for CSS and built in a clear-button. Cool and informative project tutorial, keep it up!
Yes there is error in code in js where we append child so we can solve this problem by this code imageLink.appendChild(image); imageWrapper.appendChild(imageLink); searchResults.appendChild(imageWrapper); This is the solution so then its proper work if after this its not working then you entered incorrect code so when i put this it’s working 😊 thanks
i loved ur Ecommerce website project and u tell us that javascript concepts with real website example that no one will tell with real life/website example
Thanks for this video ,but i have a doubt, i have written alL the code correctly ,no error is showing in console also but still images ARE NOT LOADED WHEN CLICKING ON SEARCH PLSS HELP ME.
27:49 be careful here. Do not use this(" ") or (' ') they are not working. I spent 2 hours wondering why my code wasn't working and then realized it was the fault. Don't use them. You need to use the button on your keyboard located at the top of the tab. Just count from CTRL above, it is the 4th button. like that(` `)
there is exactly not an error but if i write and click to search to anything it doesnt work there must be something to change or add but i dont know what it is. need some help
guys if anyone have a problem because showing same picture everytime check the function async function searchImages(){ inputData = inputEl.value; the value should be "v" minimize not "V" capitalize
Hey great video, I just don't really get how do you manage to show different images when clicking the show more button? the same function is called to add the data based on the input value but images are not repeated, how do you do that?
@Tech2_etc Hey great video. I followed each step and made sure no bugs were present, I had touble when I searched for something, the page goes blank upon clicking search and rarely would it load the Show More button. Any ideas? (I also created an account on the API, etc)
same issue, what works for me was i did inspect my site and check in "console" to see the error in my java script. First make sure that there's semicolon in all the script. 2nd i did see an error 400 in the link. I miss type "$" instead of "&" in the URL 3rd is the error in image.src = result.urls.small i typed "url" missing the "s" its very helpful to check in console tab to as it will give you the error and line/s so double check why the JS isn't working. Took me hour to troubleshoot. Hope it helps.
Yes you can but in programming there are a lot of ways to create one thing if you are a beginner than build different projects just not stick to similar ones.
Yes there is error in code in js where we append child so we can solve this problem by this code imageLink.appendChild(image); imageWrapper.appendChild(imageLink); searchResults.appendChild(imageWrapper); This is the solution so then its proper work if after this its not working then you entered incorrect code so when i put this it’s working
guys if anyone have a problem because showing same picture everytime check the function async function searchImages(){ inputData = inputEl.value; the value should be "v" minimize not "V" capitalize
Please Help, I completed The Project and Ran the Javascript code first i got reference Error formEl not defined, So i conditioned the variable declaration to if type of element !== undefined let formEl...the Javasacript runs fine now but the Webpage doesnt run it just keeps reloading the Same Page.
Bhai do you cover all topics in your javascript projects like aslsynchronous js. api etc and more advanced topics like promises ??? Please confirm then I'll follow all your projects
I can't get an hover affect.... why? what would be the error? .search-result img { width: 100%; height: 200px; object-fit: cover; transition: opacity 0.2s ease-in-out; } .search-result :hover img { opacity: 0.8; } this is what I've given where would be the error?
i did just as you did but the photos in 'search-result' class aren't displayed in rows, like yours. it's always displayed in columns I have no clue why.
For anyone who has TypeError: Cannot read properties of undefined (reading 'map'): 1. Check the accessKey 2. Retype: const url and make sure you enter it correctly, no spaces or any newline 3. Check the results dot map
guys if anyone have a problem because showing same picture everytime check the function async function searchImages(){ inputData = inputEl.value; the value should be "v" minimize not "V" capitalize
guys if anyone have a problem because showing same picture everytime check the function async function searchImages(){ inputData = inputEl.value; the value should be "v" minimize not "V" capitalize
Clear and crisp explanation..Learnt many things .Thanks ..
may you please help me in my code
Really enjoyed this project. The upper video has a few errors but after fixing them, works perfectly. Kudos to the publisher!
what is the url
The URL he has used is it correct? Got 401 error.
I'm a beginning learner to JSON....may I ask what is the error that you fixed?
Thank you for this well-detailed project, and i am longing for more tutorial.
Mass Thalaiva nee❤🔥❤🔥🔥🔥
This course is priceless and amazing seriously.. I love you bro
Excellent, the review at the end is very valuable. I hope you continue to do the review. It helps us understand the process. Thanks for all your hard work.
Thanks for this amazing project. I loved following this tutorial and creating the image search application. However, as a beginner, it would be great if you could also explain the purpose of each function or keyword you are using alongside so we could understand JS better.
thanku so much its my first project using api
Thank you so much for the project! it has been explained simple and. clearly! the explanation in the end of the video amazed me a lot!
Thank you so much, I learned a lot on this project! I will do the rest of your tutorials to learn more its very comprehensive and easy to follow specially for beginners like me
mera to kam ni kr rha h plz help
Thanks for this amazing project. I loved following this tutorial and creating the image search application
Great tutorial! I learned a some new things. Last appendChild had to be fixed, but otherwise everything went smooth as butter. I did few modifications for CSS and built in a clear-button. Cool and informative project tutorial, keep it up!
this was really helpful, i follolwed along and my app works thank you
Works like magic
Thanks
thanks macha .....I subscribed ...Love from india
thanx a lot for such a job oriented project this might help in getting our resume shortlisted for jobs
Great job bro! Thanks a lot!
Yes there is error in code in js where we append child so we can solve this problem by this code
imageLink.appendChild(image);
imageWrapper.appendChild(imageLink);
searchResults.appendChild(imageWrapper);
This is the solution so then its proper work if after this its not working then you entered incorrect code so when i put this it’s working 😊 thanks
Thank you so much bro🔥 worried about not working..... Thanks a lot bro🎉🎉✨
Thank you a lot!!
bro what's about "could not find name 'searchResults' "? how to fix that?
also i did this code but didnot work
Thank you so much! You helped me.
Thank You Sir! A lot of new knowledge. Join you as a Subscriber!
Great tutorial! Thank you for your effort
i learned a lot of things from this video thsnkyou..
I have learned many things from this project.You have done such a great job.Thanks a lot.
i loved ur Ecommerce website project and u tell us that javascript concepts with real website example that no one will tell with real life/website example
Very interesting tutorial. Thanks for your efforts.
Thank you. It works beautifully!
Can u help me to run this code
Can u please help me to run this code
Thank you sir it is an amazing video for me as beginner..
Your most welcome dear 😇
It's awesome. 😊😊😊
deserved my subscption thanks for teaching
very useful. thank you for this project.
Thank you!👍🏾
Thank you for creating this video.
that's really impressive for me and i really enjoyed and really helpful for me thank a lot man
Can u help me to run code
Thanks for this video ,but i have a doubt, i have written alL the code correctly ,no error is showing in console also but still images ARE NOT LOADED WHEN CLICKING ON SEARCH PLSS HELP ME.
I got the same problem
when I click search button, the page goes blank and load the Show More button. Any idea
check all code again not its working…🎉 choti choti mistake thi
Thanks for this project ! I love how you explain every step !
Assalam o Alaikum WrWb..There is a mistake in JS part..
//incorect
let page=1;
//Correct
let page=2;
otherwise, the show more button won't work..
same
Image is not beig searched it shows blank and showmore button only what should i do
@@Riduu-c5h same issue i am facing did your issue resolved
thank you so much for the tutorial.
thanks sir for create this unique project
thankyou for this it was really helpfull.
super duper buddy thank u
great i love it
Really helpful!✨
Want more 🚀
wow so nice idea
I am getting the pictures in vertical manner how to make them to visible in horizontal
27:49 be careful here. Do not use this(" ") or (' ') they are not working. I spent 2 hours wondering why my code wasn't working and then realized it was the fault. Don't use them. You need to use the button on your keyboard located at the top of the tab. Just count from CTRL above, it is the 4th button. like that(` `)
Everyone knows bro ` ` this is not like this " " ' ' symbol
Thank a lot bro u saved me
Excellent work❤
Can u help to run code
Why my Show more button is not working? Please reply sir
Eventhough I have chrome extension for cors...Im facing corspolicy error...Can somebody help me ?
You deserve like
Thanks 🙏
there is exactly not an error but if i write and click to search to anything it doesnt work there must be something to change or add but i dont know what it is. need some help
guys if anyone have a problem because showing same picture everytime check the function
async function searchImages(){
inputData = inputEl.value; the value should be "v" minimize not "V" capitalize
Hey great video, I just don't really get how do you manage to show different images when clicking the show more button? the same function is called to add the data based on the input value but images are not repeated, how do you do that?
its really amazing
If anyone does a problem with the code check your const url and input /search/ before photos in your url
API is not fetching data
anyone facing this problem?
same here
issue resolved?
perfect i am from IRAN
Thank you SIr...!
Thankyou so much!
Amazing
@Tech2_etc Hey great video. I followed each step and made sure no bugs were present, I had touble when I searched for something, the page goes blank upon clicking search and rarely would it load the Show More button. Any ideas? (I also created an account on the API, etc)
same issue, what works for me was i did inspect my site and check in "console" to see the error in my java script.
First make sure that there's semicolon in all the script.
2nd i did see an error 400 in the link. I miss type "$" instead of "&" in the URL
3rd is the error in image.src = result.urls.small i typed "url" missing the "s"
its very helpful to check in console tab to as it will give you the error and line/s so double check why the JS isn't working.
Took me hour to troubleshoot. Hope it helps.
same problem;😒😒
yes api is working you can go with it
Images not coming after clicking search button
Are these the exact steps that we need to follow every time we're using JSON to create a building an Image Search App?
Yes you can but in programming there are a lot of ways to create one thing if you are a beginner than build different projects just not stick to similar ones.
hey, i am getting error ["OAuth error: The access token is invalid"]. could you help me with this
me too
Can anyone tell me what's wrong ,I have 0 errors still it is not loading images
samee
Yes there is error in code in js where we append child so we can solve this problem by this code
imageLink.appendChild(image);
imageWrapper.appendChild(imageLink);
searchResults.appendChild(imageWrapper);
This is the solution so then its proper work if after this its not working then you entered incorrect code so when i put this it’s working
@@Professor_Moreira hey could u please help me
having error in map function and in fetch (url)
guys if anyone have a problem because showing same picture everytime check the function
async function searchImages(){
inputData = inputEl.value; the value should be "v" minimize not "V" capitalize
Problem in map method not work and error 404
Please Help, I completed The Project and Ran the Javascript code first i got reference Error formEl not defined, So i conditioned the variable declaration to if type of element !== undefined let formEl...the Javasacript runs fine now but the Webpage doesnt run it just keeps reloading the Same Page.
got same error
can anyone telll why i am getting error 401
and also getting errors while reading map
please help
results.map((result) => {
const imageWrapper = document.createElement("div");
imageWrapper.classList.add("searchResult");
const image = document.createElement("img");
image.src = result.urls.small;
image.alt = result.alt_description;
const imageLink = document.createElement("a");
imageLink.href = result.links.html;
imageLink.target = "_blank";
imageLink.textContent = result.alt_description;
imageWrapper.appendChild(image);
imageWrapper.appendChild(imageLink);
searchResults.appendChild(imageWrapper);
});
page++;
if (page > 1) {
showMore.style.display = "block";
}
};
Try this......i have changed some class names so take care of it
@@ayushuniyal9822 thanks bro but actually it was my fault as I didn't copy the API key correctly
@@ayushuniyal9822 thanks bhaiya 😊 i have got some error but your code can see I will fix this error .
@MuskanChaurasiya-rj5jm no problem ✌️
@@shubhadeepsupriyo4941 oh okay 👍
its not fetching any images . what to do now
i'm getting this error 👇
script.js:38 Uncaught (in promise) TypeError: searchResults.appendChild is not a function
please help
which vs code theme is this ?
Bhai do you cover all topics in your javascript projects like aslsynchronous js. api etc and more advanced topics like promises ???
Please confirm then I'll follow all your projects
Thank you sir
Uncaught (in promise) TypeError: Cannot set properties of null (setting 'href') this is my problem hope u can answer
Thanks Sir
I take help from your vedios.please teach me how to edit the whole website project in my personal portfolio
waoo thanks
Awesome, Thanks for the tutorial
I can't get an hover affect.... why? what would be the error?
.search-result img {
width: 100%;
height: 200px;
object-fit: cover;
transition: opacity 0.2s ease-in-out;
}
.search-result :hover img {
opacity: 0.8;
}
this is what I've given where would be the error?
Remove the space in
.search-result:hover img{
it works
thanks dude
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
at script.js:51:10 Im getting this error
yeah i am getting the same error. got a solution plz do share
I couldnot understand result .map function can anyone explain
i did just as you did but the photos in 'search-result' class aren't displayed in rows, like yours. it's always displayed in columns I have no clue why.
Play around with flex-directions. Like columns or row.
You'll see and figure out what is what.
Edit:
Make sure you put (display: flex;) on it first
Teşekkürler
Thanks for this amazing tutorial. Can you tell me how I can get a certain numbers of pictures per request/page, thanks!
Great share! ✨👏
Thank you
@@Tech2etcI need your Help to link my entire website in personal portfolio
Kindly teach how to create a personal portfolio in which the entire website can be linked for web developers ... please
It's not working with same code I think there are some some error which we can't see it's. 😢
.value ke pass error show kr rha h how to fix it
Thanks a lot for the project demo
may you plz help me
@@HITESHKUMAR-dv6se say bro?
@@neiljohn2637 if we search any word then it return same images again and again
@@HITESHKUMAR-dv6se Same thing is happening with me!
@@neiljohn2637 if we search any image it is returning same images again and again and more button is not at its right position and not working
i need help mera work nhi kar rha hai error arha hai fetch problem
It's not working for me. TypeError: Cannot read properties of undefined (reading 'map')
Please explain const accessKey?
wow bro:)
For anyone who has TypeError: Cannot read properties of undefined (reading 'map'):
1. Check the accessKey
2. Retype: const url and make sure you enter it correctly, no spaces or any newline
3. Check the results dot map
can u help me to fix this?????? {"errors":["OAuth error: The access token is invalid"]}
Can u help me to run it
3. worked for me. thank you!!
Hi , sir its a great video but the code isn't working on my system , any suggestion?
Plz Bro We want more applications project
I've got a problem .....after searching for the image i can see the cards , also the description but the image is not visible ...........plz help
guys if anyone have a problem because showing same picture everytime check the function
async function searchImages(){
inputData = inputEl.value; the value should be "v" minimize not "V" capitalize
You are rock
And i am john cena
i have done same but not showing search image showing error in authencation @t
guys if anyone have a problem because showing same picture everytime check the function
async function searchImages(){
inputData = inputEl.value; the value should be "v" minimize not "V" capitalize