Build A Random Quote Generator in HTML CSS & JavaScript
Build A Random Quote Generator in HTML CSS & JavaScript
In this video, I have shown you how to Build A Random Quote Generator in HTML CSS & JavaScript. In this quote app, each time you click on the new quote button you'll get a new quote. You can also convert a quote to speech, copy a quote, or share a quote on Twitter by clicking the given button.
🗂️ Get Source Code of this Random Quote Generator
➤ buymeacoffee.com/codingnepal/...
🌐 Visit CodingNepal for helpful coding projects
➤ www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ / coding.np
🤝 Support my work
➤ buymeacoffee.com/codingnepal
Music Credit:
Ikson - Anywhere [Official]
• #66 Anywhere (Official)
Something 'bout July (Instrumental) by RYYZN
Free Download / Stream: bit.ly/-_something-bout-july
Music promoted by Audio Library • Something 'bout July (...
Deep Sea by Vendredi
Free Download / Stream: bit.ly/-deep-sea
Music promoted by Audio Library • Deep Sea - Vendredi (N...
Пікірлер: 125
I love CodingNepal, I am learning a lot with you; greetings from Bolivia !!!!!
This is so amazing. Specially the speech part, truly amazed!
@CodingNepal
2 жыл бұрын
Glad you like it : )
Thanks for this video. It was really helpful. I learnt fetching API alongwith converting text to speech
This is better than I thought it would be! Especially the Speech synthesis! I just learned something new to add to my JavaScript toolbox. Thank you very much!🙏🏾
@CodingNepal
2 жыл бұрын
Glad it was helpful!
@Rain_berries
Жыл бұрын
@@faronmentink bro chill out 😂😂🤣💀
Lovely Projects bro, thanks for uploading
Hats off! You're doing a great job.
always nice work. thank you
you are a inteligent brother.thanks for help us.thank you very very much much much much
Very beautiful design and Great Project Build by CodingNepal, keep it up
@CodingNepal
2 жыл бұрын
Thank you, I will
thanks a lot for the content dude! it helped me a lot! cheers!
Really Thanks Bro!!! One of the best channels!!!!!!!!!!!!!!!!!!!!!!
Your vidéos understandable without speech 😅 you are perfecto ♥️😚
Awesome project sir and nice design!
@CodingNepal
2 жыл бұрын
Happy to hear that!
Love from India ❤!
Thank you🙏🙏 Mainly for the speech api I had very long code for it but yours is just in 3 lines 🤔 Thank you Nepal we love you ❤️❤️❤️
@CodingNepal
2 жыл бұрын
Glad it was helpful :)
I follow your tutorial.Ut projects r awsm.
@CodingNepal
2 жыл бұрын
Thanks a lot 😊
Hi your videos are great. Can you make a tutorial for making a website where we can upload blogs/articles.
Thank You so much... great Information sir
@CodingNepal
2 жыл бұрын
Most welcome
no jibber jabber all on points loved it react based tutorials needed
This is awesome 👏
That's a nice exercise
Daju dammi project leya ra aaunu bhayo. Thank you😍❤️❤️💖
@CodingNepal
2 жыл бұрын
You're most welcome
thanks bro,Love from India🇮🇳
@CodingNepal
2 жыл бұрын
Keep loving bro
Thnx dear for the amazing teach.
@CodingNepal
2 жыл бұрын
It's my pleasure
Bro excellent work 👍👍...bro please make festival wishing script with different sharing options...😅
@binayrajbanshi7849
2 жыл бұрын
concept is same just fetch data from other festival wishing slogan api
Please would it be possible for you to make another tutorial on speech to text api Will be grateful 🙏
Excellent
@CodingNepal
2 жыл бұрын
Thank you so much 😀
I deployed it on Netlify but api doesn't work there. Please help me
That was soooo good and usefull
@CodingNepal
15 күн бұрын
Happy to hear that :) Keep watching.
Nice generator mate !
@CodingNepal
2 жыл бұрын
Thank you so much!
how do I do it so I can customize all my own quotes? sorry I'm still a beginner.
hi master ! Can you build a simple flashcards ?
Legend
Make a video on how to create multi page college website with dropdown menu and login signup page on top with fully responsive header and image logo. Also create footer and contact us page.
Great!
Awesome
@CodingNepal
2 жыл бұрын
Thank you
What will be url if I want to do the same thing but in likedin not on Twitter?
Please my copy is not working when I click on it .It copies quoteText.innerText
Bro can you make a video on how to use google cloud vision API?
Can you create a highlighter to make users to highlight important facts in our website
Sir please make a video on typing test website😊
@CodingNepal
2 жыл бұрын
Ok soon
Everytime a new quote appears the wrapper box changes its size according to the quote length.How to keep the height and width fixed ?
@fabbahiense
Жыл бұрын
you could guess or test a min-height to the Quote Area that feels ok to you, and then make the .quote align-self in center.
Is you are on LinkedIn or anywhere, just want to connect.
Thanks❤
@CodingNepal
Жыл бұрын
Welcome!
God bro
Please make video on how you design your video thumbnail
Plz make a live video streaming + chat project in php
@CodingNepal
2 жыл бұрын
Okay
@itxHuman
2 жыл бұрын
@@CodingNepal thanks
Super
@CodingNepal
2 жыл бұрын
Thanks
Hey bro, can you create a video about how to post in a website?
Sir Please help me how to upload my html and js files in Site i have bought domain and how to host my files
Bro it is working fine with xampp but when i upload it in my website it doesn't work Stuck in loading quote plz help
Thanks pro
@CodingNepal
2 жыл бұрын
Thank you
It's totally awesome bro, but when I hosted it in heroku and click on new quote it doesn't work. Please help me .
Your experience is what in years
Please make video on website visitors counter.. and provide source code...
Hi,sir l following you I watch your quiz app video and it is good but it show cannot read property of null (reading 'querySelector') please help me sir🙏🙏🙏
Como traduzir as frases para o Português, professor? Obrigado e parabéns!
@Thom.Zille.
2 жыл бұрын
Ele não vai saber responder isso. Tente encontrar um random quote em português.
Can you a complete website front-end & back-end tutorial I feel sad without your tutorial
@CodingNepal
2 жыл бұрын
For this type of website, I need to write many lines of code and without the explanation/voice-over, I don't think viewers will show interest to watch it.
@mrrhornkh3334
2 жыл бұрын
@@CodingNepal I going to like and share to my friend and more if you tutorial front-end + back-end using php & mysql
Voice over ma video upload garnu na😍😊🤗🤗
@CodingNepal
2 жыл бұрын
Okay, ma try garnexu
What if we want to add some specific quotes which we like ? how will i add them??
@baazigar5
Жыл бұрын
make an array and add your quotes inside it and use those quotes with array indexing
For me, the copy&paste is not working. Any idea that why?
Ossom😍😍
@CodingNepal
2 жыл бұрын
Thank you
Good yara 🤣😘
@CodingNepal
2 жыл бұрын
Welcome
idk why the flex-end doesnt work for me
@CodingNepal
2 жыл бұрын
Make sure you've added display: flex;
Op
Bro my speak function is not working. SpeechSynthesisUtterance is not working ,it is showing a reference error in console. Bro plz can you help me with this problem.
@CodingNepal
2 жыл бұрын
Make sure you've written: let utterance = new SpeechSynthesisUtterance(`${quoteText.innerText} by ${authorName.innerText}`); // make sure quoteText.innerText & authorName.innerText is returning the string speechSynthesis.speak(utterance);
@faisal8936
2 жыл бұрын
Thanks bro , it worked.
Sir how to same style use in Google Excel
@CodingNepal
2 жыл бұрын
I didn't understand. Can you explain more?
@solankiketindra4919
2 жыл бұрын
Sir, random code generate in Google Excel data Use Google Excel data
can someone explain where the quotation icons came from in the html?
@CodingNepal
Жыл бұрын
If you look at line.10 in html file there I've imported FontAwesome and the quotation icons are came from there.
"never gonna give you up"
please I need that for wordpress
how to add one more feathure is your loacation track after translate auto. ex you in banglore translate in kanada langugae
Source code uploaded?
@CodingNepal
2 жыл бұрын
No, the video is recently uploaded so source codes will be uploaded in 2 to 3 days.
Next sourcode
@CodingNepal
2 жыл бұрын
Get from here: www.codingnepalweb.com/random-quote-generator-html-javascript/
Hi
Pls provide download source codes link
@CodingNepal
2 жыл бұрын
Download from here: www.codingnepalweb.com/random-quote-generator-html-javascript/
wow 🤔😱😳😳😳
India and nepal best
first
Muast
Hello, can you answer to my comment on your like button video plz?
Wow it was very very not helpful 😮
Imagine a like and reply from @CodingNepal
@CodingNepal
8 ай бұрын
❤️❤️
@my_awsome_edits
8 ай бұрын
Yay! Got a heart and a reply, Love your work CodingNepal! :)
Awesome
@CodingNepal
2 жыл бұрын
Thank you