Build A Language Translator App in HTML CSS & JavaScript | Translator App in JavaScript
Build A Language Translator App in HTML CSS & JavaScript | Translator App in Javascript
In this video, I have shown you how to Build A Language Translator App in HTML CSS & JavaScript. This app is similar to Google Translate. In this app, users can easily translate text into multiple languages, copy translated text, and convert text to speech.
Download countries.js file only of this Translator App
drive.google.com/file/d/1AuBK...
Download Codes of this Language Translator
www.codingnepalweb.com
Timestamps:
0:00 Demo of Translator App
2:29 HTML & CSS Code Start
11:51 Creating JavaScript Folder & Files
12:50 Storing Supported Countries as an Object
14:08 Creating Options Tag & Adding it inside the Select Tag
16:29 Sending Request to API & Fetching Data of Entered Text From API
21:25 Working on Exchange Icon
23:44 Working on Copy & Speech Icons
Second Channel - bit.ly/3aHNkru
Facebook - / coding.np
Instagram - / coding.np
Music Credit:
Deep Sea by Vendredi
Free Download / Stream: bit.ly/-deep-sea
Music promoted by Audio Library • Deep Sea - Vendredi (N...
Something 'bout July (Instrumental) by RYYZN
Free Download / Stream: bit.ly/-_something-bout-july
Music promoted by Audio Library • Something 'bout July (...
Ehrling - You And Me (Vlog No Copyright Music)
• Ehrling - You And Me (...
Пікірлер: 161
Whenever I watched your video I feel like this guy is teaching the best way to write scripting easily, and your explanation is good. Every time I learn new things from your videos. Thank You :)
Thanks for accepting my project request, here is a like and a sub!
Excelente aporte hermano... saludos desde el Perú.
You are a very good programmer... Thanks for this amazing tutorial.♥️ But After watching these amazing tutorials I feel that I know nothing 😞
YEAAAAAAAAAAAAAAAAAAAH Thank you Brother for your video. I have searched so looooong time a such tutorial for google translate API and finally i found it. Thank u again
You have got some really goosebump js skills
A Great Video 👍 I was Searching for that
@gulsimali6660
2 жыл бұрын
Brilliant
@Random-cf9md
2 жыл бұрын
Great
Best channel for enhancing skills
Wow! This is absolutely awesome. I always learn something new from your videos. Thanks alot👍
@CodingNepal
2 жыл бұрын
Happy to hear that!
@NuclearGames111
2 жыл бұрын
@@CodingNepal Hi coding nepal 👋👋👋👋 I am following you since 1 year you are so much talented creator.... PLZ BRO MAKE AN ONLINE CHAT APP USING 'HTML' , 'CSS' , 'JAVASCRIPT ' AND FIREBASE PLZZZZZZZZ...... PICK MY MSG 🤞🤞🤞🤞
@GouravVerma2907
2 ай бұрын
@@CodingNepal can i use google translate api??
wow epic man deserve 1M!!!!OP
useful as always. Thanks you
thank tou sooooooooooooooooo much . yo're my saver every time
So me and my friends created a language (you've probably did it before) and I used this video and modified the translator a bit so that it only translates to my language that I made with my friends so ty!
@yukisann4600
4 ай бұрын
Hello can i get your code for reference pls?
Iam very sure this channel is the most successful in youtube
Incredible ❤️😍
thank you bro,
I am appreciate you . You make amazing project . Love from Pakistan
@CodingNepal
2 жыл бұрын
Thank you.. Keep loving ❤️
Big fan sir 🙇🙌🇳🇵
Respect!
Thanks bro, I used it for my typing test game. Now it can test many languages 🤩
@CodingNepal
Жыл бұрын
Great 👍
@chetanwankhade9120
Жыл бұрын
can you send me synopsis of this project
wow nice content brother. i with next vidio all thebest for you...
@CodingNepal
2 жыл бұрын
Thanks brother ❤️
Awesome 👍
thank you, bro. I was waiting here for one video like that. Thank you so much
What's the purpose of using ul for "control" element? Why should'nt we use div tag instead?
Awesome, I like It
One best freelancer work
Amazing project Plus helpful
@CodingNepal
2 жыл бұрын
Many many thanks
More please!
thank you
Quality Content...❤️
@CodingNepal
2 жыл бұрын
❤️❤️
Thank you!
@CodingNepal
2 жыл бұрын
Welcome to both of you ❤️
🔥🔥💯💯
What I have understood for sure is that - ".js" can do a lot
Good video
NICE WORK SIR, I APPRECIATE AND I ALSO WANT TO ASK IF YOU CAN GIVE GUIDE ON HOW TO GET AND DOWNLOAD THE VOICE IN MP3 OR WAV.
Its damn 😲 op
perfect go on
Wow have translate to thai language. 👍
Hi Sir, is there any limit? how many times we can do translation ?
No Words ❤️❤️❤️
@CodingNepal
2 жыл бұрын
Thanks ❤️
Brilliant💕
@CodingNepal
2 жыл бұрын
Thanks ❤️
Fantastic 🙂
@CodingNepal
2 жыл бұрын
Thanks 😀
please make a notes making app! I really like your videos and I also don't even miss any of your video. I request you to please make a notes making app
@CodingNepal
2 жыл бұрын
Please, check out my last video that was about notes app.
Thank you for providing such valuable projects for practice, keep up the good work, while trying the above, I found that speech works only for english audio. no audio for other lang. Also source code of this video is unavailable on your site. can you please update that. That will be a great help to tally if i missed out anywhere.
@CodingNepal
2 жыл бұрын
I've used speech synthesis web speech API to convert a text into speech. For now, it supports limited languages. I'll provide the source codes for this project on my website soon.
good bro well done
@CodingNepal
2 жыл бұрын
Thank you so much 😀
Amazing
@CodingNepal
2 жыл бұрын
Thanks
❤❤❤
👍👏👏👈
❤️
Nice app
Nice bro 😁
@CodingNepal
2 жыл бұрын
Thanks bro
Hey Can you create a full ecommerce website using PHP with AUTH page , social login , payment gateway, add to cart function, track order, wishlist and a admin panel (responsive) ??
@CodingNepal
2 жыл бұрын
Okay, I'll think about it.
@zahirpahari
Жыл бұрын
@@CodingNepal your all script can't work why ...?
@odiljonyokubjonov1034
Жыл бұрын
All scripts are working pretty well:)
Brother aap tool like pdf to html, html to pdf is type ka tool banane wala tutorials banaiye please. Thank You.
this app is not working correctly i check eng to Arabic and urdu not working.
Very good bro, but make a translator which is auto language detector like google translator
@CodingNepal
2 жыл бұрын
Okay, I'll try it.
@zahirpahari
Жыл бұрын
@@CodingNepal plz ..i will waiting
Amazing, I will use it as a project 😊
Ye har sentence ko hindi m change nhi kr rha hai what I will do now
Hi coding nepal 👋👋👋👋 I am following you since 1 year you are so much talented creator.... PLZ BRO MAKE AN ONLINE CHAT APP USING 'HTML' , 'CSS' , 'JAVASCRIPT ' AND FIREBASE PLZZZZZZZZ...... PICK MY MSG 🤞🤞🤞🤞
Sir please give a voice in your video and EXPLANATION also 😇😇😇😇
If creating a custom translation Where should I fix the code in this code? Thank you.
@CodingNepal
2 жыл бұрын
Fix code..? You mean without using any other API.
@nurasian7355
2 жыл бұрын
@@CodingNepalYes fix code? Write to translate as required, may be defined in scripts or in databases or Sheet. Want you to teach, thank you very much.
i've tried your work but why does the console.log (data ) says its native code, pls help me
8:30
Amazing video bro. 😍 can you tell me ho to multiselect in vs code. i use Ctrl+ D but i watch you make different tell me the shourtcut you use.
@CodingNepal
2 жыл бұрын
Alt + Right click to multiselect and Shift + Alt + Arrow down to duplicate the line
Thanks for this, please how do I go about it if I want to have my own database.
How to change api to google api?
Can you make text to handwriting website ???
can you teach how to make image captcha program using javascript i will be thankful to you if you do it for me
Better than Google translate
@CodingNepal
2 жыл бұрын
Glad you like it ❤️
Omg bro
Please tell me is it dynamic translator app?????
Nothing is coming in console 😕
how did you get list of countries in your code ??
@CodingNepal
2 жыл бұрын
I've stored all supported countries as an object. Watch the video for more details information about it.
I have used nearly the same code with some slight modifications , it is showing translateBtn.addEventListener is not a function, I am not able to figure out what shall I look to rectify the fault. Can you tell from this or u need more info?
@geek_24
Жыл бұрын
Hi brother I also create some tutorial videos, I have created a translation app in ReactJS please check it out :)
Sir voice download ka v dijiye
Bro i need this code that is on your website demo. I want to make website plz give me that code which is on your website.
Just an amazing translator tool you made, but is it responsive on all devices 🤔
а в какой программе код вводить то?
Kya hum dynamic website ke example me isko bna skte h?????
Why don't you use if else instead of ternary ,ternary is very confusing.
I like your vadio, there is no source code of this project on your website... please provide source code Thanks !!!!
@CodingNepal
2 жыл бұрын
Source code has been uploaded. You can download from here - codingnepalweb.com/demos/language-translator-javascript/
@web_dev210
2 жыл бұрын
@@CodingNepal Thanks!!!
can you share the country code pls it's very helpful for me
@CodingNepal
2 жыл бұрын
You can download it from here - drive.google.com/file/d/1AuBKYK-6uEFWZP_4XYxisVFI-zOkHu-F/view?usp=sharing
how can you make a word counter?
@CodingNepal
2 жыл бұрын
I'll try to make video on it. Stay tuned!
@kumatoons5508
2 жыл бұрын
@@CodingNepal thanks alot!
where can i find those countries list?
@CodingNepal
2 жыл бұрын
You can download it from here - drive.google.com/file/d/1AuBKYK-6uEFWZP_4XYxisVFI-zOkHu-F/view?usp=sharing
@gracebavula2166
2 жыл бұрын
@@CodingNepal thanks man. much love from sweden
@CodingNepal
2 жыл бұрын
Source code has been uploaded. You can download from here - codingnepalweb.com/demos/language-translator-javascript/
brother I have a question that you used same Id two times in HTML page Is it correct to use same Id two times in a page?
@CodingNepal
Жыл бұрын
No, ID should be unique for an HTML element. I may have entered the same ID by mistake.
@SScAspirant412
Жыл бұрын
@@CodingNepal thanks bro
This api is not working for all time If you can translate good morning from English to Hindi then result will be different
@CodingNepal
2 жыл бұрын
No, it is working but sometimes result might not be accurate because it is free API
@sonalpatel8032
2 жыл бұрын
@@CodingNepal then another api is available which is use for free ?
Hi
@CodingNepal
2 жыл бұрын
Hello
Where are you finding these free API's ?
Bro . it's countrie code not working plz some help.😢🙏🏻
gg
hey man i need your help can you do it
Does this use jQuery?
@CodingNepal
Жыл бұрын
No.. Pure JavaScript
can you provide the code?
@CodingNepal
2 жыл бұрын
You can download from here - www.codingnepalweb.com/language-translator-app-html-css-javascript/
Enter "hi" in English to convert into Nepali and try to not laugh 😂😂😂
Google input tool in javascript
@CodingNepal
2 жыл бұрын
Can you explain more..?
@hulashmahto99
2 жыл бұрын
@@CodingNepal easy hindi typing ☆☆com jaisa
Sir, Can i take some help from your videos and build some projects as an achievement?? Permission Granted or Not !! Please reply 🥲
@CodingNepal
2 жыл бұрын
Sure, you can do it.
@rnp0728
2 жыл бұрын
Thanks a lot sir ….
You have report for this project? Please send me
Impervious
Can you make a calculator
@CodingNepal
2 жыл бұрын
I've already made it. Here is the video - kzread.info/dash/bejne/omd6yMWDfpnSoqg.html
Source code?
@CodingNepal
2 жыл бұрын
Please, check description for source codes link.
Its not working