Agar Doa Cepat Dikabulkan - Membaca Sholawat Saat Berdoa

Cara agar keinginan kita bisa terkabul adalah dengan cara berdoa kepada Allah SWT. Selain itu bukan hanya berdoa,  kita juga dianjurkan agar sennatiasa berusaha atau beriktiar dalam meraih keingan kita. Doa dan usaha harus seimbang agar keinginan kita lekas terkabul. Jika hanya berdoa tanpa usaha, itu akan sia-sia, dan jika hanya berusaha tanpa berdoa, itu berarti sombong. Perlu diketahui, bahwa berdoa merupakan salah satu perintah Allah kepada hamba-Nya.

Allah SWT berfirman:

“Dan Tuhanmu berfirman: “Berdoalah kepada-Ku, niscaya akan Kuperkenankan bagimu. Sesungguhnya orang-orang yang menyombongkan diri dari menyembah-Ku akan masuk neraka Jahannam dalam keadaan hina dina.” (QS. Al Mu’min: 60)

Setiap insan memiliki banyak keinginan, termasuk penulis. Terkadang kita berusaha mati-matian, berdoa kepada Allah agar keinginan kita bisa cepat terwujud. Lalu bagaimana cara yang dapat menunjang agar keinginan kita bisa tercapai? 

Agar Doa Cepat Dikabulkan - Membaca Sholawat Saat Berdoa

Kita diperintah untuk memperbanyak shalawat kepada Rasulullah shallallahu ‘alaihi wa sallam,⁣

⁣

Maka hendaknya seorang muslim memperbanyak shalawat atas beliau. Dan disana ada waktu khusus yang disyariatkan bershalawat seperti ketika hari jum’at, ketika disebutkan nama beliau, ketika tasyahhud akhir, setelah takbir kedua pada shalat jenazah, ketika mau berdoa, ketika masuk masjid, ketika keluar masjid, setelah menjawab muadzdzin, dll.⁣

Dan ternyata, berdoa yang diiringi dengan sholawat dapat mempercepat terkabulnya doa, inshaAllah.

⁣

BACAAN SHALAWAT TERBAIK ⁣

Sebaik-baik lafadz shalawat adalah shalawat Ibrahimiyyah (di dalamnya ada penyebutan nabi Ibrahim).⁣

⁣

“Kami bertanya kepada Rasulullah shallallahu ‘alaihi wa sallam: “Wahai Rasulullah, bagaimana cara bershalawat kepada antum, wahai ahlul bait?” Karena Allah sudah mengajari kami bagaimana cara mengucapkan salam?” Maka beliau bersabda: Katakanlah:⁣

⁣

اللَّهُّم صلِّ على محمدٍ وعلى آل محمد كما صلَّيْتَ على إبراهيم وعلى آل إبراهيم إنك حميد مجيد، اللَّهُّم بارِكْ على محمدٍ وعلى آل محمد كما باركتَ على إبراهيم وعلى آل إبراهيم إنك حميدٌ مجيد⁣

⁣

“Ya Allah, bershalawatlah kepada Muhammad dan keluarganya sebagaimana engkau telah bershalawat kepada Ibrahim dan keluarganya, sesungguhnya Engkau Maha Terpuji lagi Maha Luas, Ya Allah, berkahilah Muhammad dan keluarganya sebagaimana Engkau telah memberkahi ibrahim dan keluarganya, sesungguhnya Engkau Maha Terpuji lagi Maha Luas.” (Muttafaqun ‘alaihi).⁣

⁣

Meskipun demikian boleh mengucapkan shalawat dengan lafadz yang lain jika lafadznya fasih, seperti mengucapkan:⁣

⁣

صلى الله عليه وسلم⁣

⁣

atau⁣

الصلاة والسلام على رسول الله⁣

⁣

Dan hendaknya menjauhi lafadz-lafadz terlarang seperti ghuluw (berlebih-lebihan dalam memuji beliau) sebagaimana ini ada pada kebanyakan shalawat-shalawat buatan manusia.⁣

⁣

Demikian pula menjauhi cara bershalawat yang tidak ada dalilnya seperti bershalawat dengan dinyanyikan, karena ini tidak pernah dicontohkan oleh para pendahulu kita dari kalangan sahabat, tabi’in, dan tabi’it tabi’in.⁣

⁣Doa Tidak Dikabulkan Tanpa Shalawat

Terdapat hadits dari Ali bin Abi Thalib radliallahu ‘anhu yang menyatakan:

كل دعاء محجوب حتى يصلى على النبي صلى الله عليه وسلم

“Semua doa itu terhalang, sampai dibacakan shalawat untuk Nabi shallallahu ‘alaihi wa sallam”

Hadits ini diperselisihkan, apakah sabda Nabi shallallahu ‘alaihi wa sallam ataukah perkataan Ali bin Abi Thalib. Ada juga riwayat yang menyatakan bahwa ini adalah sabda nabi shallallahu ‘alaihi wa sallam, namun ini riwayat tersebut dhaif. Sementara Al-Baihaqi dalam Syu’abul Iman dan At-Thabrani dalam Al-Ausath meriwayatkan hadits yang semisal dengan sanad yang sahih, tetapi mauquf. Artinya hadits ini adalah ucapan Ali bin Abi Thalib dan bukan sabda Nabi shallallahu ‘alaihi wa sallam. Walaupun demikian, mengingat kalimat di atas tidak mungkin disampaikan oleh para sahabat berdasarkan ijtihad mereka maka para ulama menghukuminya sebagai sabda Nabi shallallahu ‘alaihi wa sallam. Karena informasi semacam ini tidak mungkin diperoleh tanpa kecuali melalui wahyu. Syekh al-Albani mengatakan,

وهو في حكم المرفوع لأن مثله لا يقال من قبل الرأي كما قال السخاوي

“Hadis mauquf (perkataan Ali) ini dihukumi sebagai sabda Nabi shallallahu ‘alaihi wa sallam, karena keterangan semacam ini tidak mungkin disampaikan berdasarkan ijtihad, sebagaimana penjelasan As-Sakhawi.” Kemudian Syekh al-Albani menyebutkan beberapa riwayat yang menguatkan hadits di atas. Selanjutnya Syekh menegaskan

وخلاصة القول أن الحديث بمجموع هذه الطرق والشواهد لا ينزل عن مرتبة الحسن إن شاء الله تعالى على أقل الأحوال

“Kesimpulannya, bahwa hadits di atas dengan seluruh jalur dan penguatnya, keadaan minimal tidak turun dari derajat hasan, insyaaAllah.”

Disadur dari Silsilah Ahadits Shahihah, keterangan hadits no. 2035

Karena, bagian dari adab dalam doa, sebelum berdoa hendaknya kita membaca shalawat kepada Nabi shallallahu ‘alaihi wa sallam terlebih dahulu. Semoga dengan ini akan semakin memperbesar peluang dikabulkannya doa. Allahu a’lam.

Sumber

- Ustadz Abdullah Roy, Lc.⁣

- https://konsultasisyariah.com/8105-doa-dengan-shalawat.html

- https://dalamislam.com/info-islami/doa-agar-keinginan-tercapai

Tag : agar doa dikabulkan, amalan agar doa dikabulkan doa agar keinginan tercapai doa agar cepat terkabul hajatnya doa yang dikabulkan ciri-ciri doa yang dikabulkan allah swt syarat doa dikabulkan allah doa yang dikabulkan kristen tips agar doa cepat dikabulkan allah swt. agar doa dikabulkan, amalan agar doa dikabulkan doa agar keinginan tercapai doa agar cepat terkabul hajatnya doa yang dikabulkan ciri-ciri doa yang dikabulkan allah swt syarat doa dikabulkan allah doa yang dikabulkan kristen tips agar doa cepat dikabulkan allah swt. 

agar doa dikabulkan, amalan agar doa dikabulkan doa agar keinginan tercapai doa agar cepat terkabul hajatnya doa yang dikabulkan ciri-ciri doa yang dikabulkan allah swt syarat doa dikabulkan allah doa yang dikabulkan kristen tips agar doa cepat dikabulkan allah swt. agar doa dikabulkan, amalan agar doa dikabulkan doa agar keinginan tercapai doa agar cepat terkabul hajatnya doa yang dikabulkan ciri-ciri doa yang dikabulkan allah swt syarat doa dikabulkan allah doa yang dikabulkan kristen tips agar doa cepat dikabulkan allah swt. 

Mengucapkan Selamat Natal Haram Bagi Muslim

Mengucapkan Selamat Natal Haram Bagi Muslim

Hari raya merupakan bagian dari agama dan doktrin keyakinan, bukan semata perkara dunia dan hiburan. Termasuk semua simbol dan atribut yang digunakan untuk memeriahkannya. Salah satunya adalah perayaan hari natal. Berdasarkan Wikipedia, Natal (dari bahasa Portugis yang berarti "kelahiran") merupakan hari raya bagi umat Kristiani yang selalu diperingati setiap tahun yaitu pada tanggal 25 Desember dalam rangka memperingati hari kelahiran Yesus Kristus (Nabi Isa AS). 

Nah, banyak sekali umat islam yang bingung bagaiamanakah hukumnya mengucapkan "Selamat Natal" bagi teman yang merayakan Natal ? . Apakah Haram ? . Mengingat saya pernah mendengarkan ceramah dari Ust. Abdul Somad di Instagram bahwasanya Mengucapkan selamat natal itu haram karena kita ikut percaya bahwa Allah memeiliki anak, Nabi Isa adalah anak Allah dan Nabi Isa meninggal di tiang salib. Maka dari itu, hukumnya haram merayakan natal dan mengucapkan selamat natal bagi muslim. 

Hukum Mengucapkan Selamat Natal Bagi Muslim

Berdasarkan Perkataan Ibnul Qayyim dalam Ahkam Ahlu Dzimmah: ”Adapun memberi ucapan selamat pada syi’ar-syi’ar kekufuran yang khusus bagi orang-orang kafir merupakan sesuatu yang diharamkan berdasarkan ijma’ (kesepakatan) para ulama.

Maka dari itu, turut bergembira dengan perayaan orang kafir, meskipun hanya bermain-main, tanpa mengikuti ritual keagamaannya, termasuk perbuatan yang telarang, karena termasuk turut mensukseskan dan terlibat acara mereka.

Contah lain. Ketika memberi ucapan selamat pada hari raya dan puasa umat kristiani seperti mengatakan, ‘Semoga hari ini adalah hari yang berkah bagimu’, atau dengan mengucapkan selamat pada hari besar mereka atau semacamnya. Memang, orang yang mungkin mengucapkan hal semacam ini bisa dikatan lolos dari kakafiran namun tidak  untuk perkara yang diharamkan. 

Seperti yang telah dijabarkan di atas, bahwasanya mengucapkan selamat hari raya natal, maka sama saja dengan mengucapkan selamat atas sujud yang mereka lakukan pada salib, bahkan dosa dari perilaku ini lebih besar di sisi Allah.

Terdapat banyak sekali orang yang kurang paham agama terjatuh dalam hal tersebut. Orang-orang semacam ini tidak mengetahui kejelekan dari amalan yang mereka perbuat. Berdasarkan Ahkam Ahli Dzimmah, Ibnu Qayyim Al Jauziyah, (1/441), barangsiapa memberi ucapan selamat pada seseorang yang berbuat maksiat, bid’ah atau kekufuran, maka dia pantas mendapatkan kebencian dan murka Allah Ta’ala.”

Selain itu, Syaikh Muhammad bin Shalih Al ’Utsaimin mengatakan, ”Ucapan selamat hari natal atau ucapan selamat lainnya yang berkaitan dengan agama kepada orang kafir adalah haram berdasarkan kesepakatan para ulama.”[Majmu’ Fatawa wa Rosail Ibnu ‘Utsaimin, 3/28-29, no. 404, Asy Syamilah]

Ulama menyepakati Haram Mengucapkan Selamat Natal

Klaim ijma’ haramnya mengucapkan selamat pada hari raya non-muslim terdapat dalam perkataan Ibnul Qayyim rahimahullah berikut ini,

وأما التهنئة بشعائر الكفر المختصة به فحرام بالاتفاق ، مثل أن يهنئهم بأعيادهم وصومهم ، فيقول: عيد مبارك عليك ، أو تهْنأ بهذا العيد ونحوه ، فهذا إن سلم قائله من الكفر فهو من المحرمات وهو بمنزلة أن يهنئه بسجوده للصليب بل ذلك أعظم إثماً عند الله ، وأشد مقتاً من التهنئة بشرب الخمر وقتل النفس ، وارتكاب الفرج الحرام ونحوه ، وكثير ممن لا قدر للدين عنده يقع في ذلك ، ولا يدري قبح ما فعل ، فمن هنّأ عبداً بمعصية أو بدعة ، أو كفر فقد تعرض لمقت الله وسخطه

“Adapun memberi ucapan selamat pada syi’ar-syi’ar kekufuran yang khusus bagi orang-orang kafir adalah sesuatu yang diharamkan berdasarkan ijma’ (kesepakatan) para ulama. 

Ditambah lagi, Syaikh Muhammad bin Sholih Al ‘Utsaimin rahimahullah mengatakan pula,

تهنئة الكفار بعيد الكريسمس أو غيره من أعيادهم الدينية حرامٌ بالاتفاق

“Ucapan selamat hari natal atau ucapan selamat lainnya yang berkaitan dengan perayaan agama orang kafir adalah haram berdasarkan sepakat ulama” (Majmu’ Fatawa Syaikh Ibnu ‘Utsaimin, 3: 45).

Hukum Mengenakan Atribut Natal Topi Sinterklas

Kita sekarang sudah mendapatkan sedikit pencerahan bahwasanya mengucapkan selamat natal adalah salh satu yang diharamkan. Nah, bagaiamana apabila kita mengenakan attribut natal seperti topi sinterklaus.

Dalam Islam, kita diminta untuk bisa membedakan penampilannya dari orang-orang nonmuslim, sebagaimana yang telah disabdakan oleh Rasulullah saw, ”Bedakanlah dirimu dari orang-orang musyrik, panjangkanlah jenggot dan cukurlah kumis.” (Muttafaq Alaih)

Sebagai seorang muslim sudah seharusnya kita merasa bangga dan senang terhadap islam dengan cara berpenampilan yang dapat mencirikan keislamannya. Allah swt telah menetapkan berbagai ciri khas seorang muslim yang membedakannya dari orang-orang non muslim.

Maka dari itu, Islam melarang untuk meniru-niru perilaku dan hal hal yang bukan menjadi bagian dari islam. Contohnya, memakai simbol-simbol yang menjadi ciri khas orang non muslim seperti memakai kalung salib atau pakaian khas yang biasa mereka gunakan (yang menanmpakkan ke non-muslimannya).

Contoh Real Perayaan Natal di Indonesia Bagi Muslim

Terkadang ada seorang muslim yang menggunakan attribut-attribut natal. Seperti mengenakan topi dan pakaian Sinterklas didalam suatu pesta perayaan Natal. Dimana perayaan natal ini merupakan perayaan yang dilakukan oleh perusahaan dimana teman-teman dan bossnya ikut mengenakannya.  

Sinterklas sendiri berasal dari Holland yang dibawa ke negeri kita. Berdasarkan keyakinan orang-orang Nasrani, bahwa Sinterklas sebenarnya merupakan uskup gereja katolik yang ketika menginjak usia 18 tahun sudah diangkat sebagai pastor. Dia mempunyai sifat suka membela umat, belas asih,  dan membela fakir miskin. Selain itu berdasarkan legenda, SInterklas disebutkan merupakan wakil Tuhan dikarenakan ia dapat menghidupkan orang yang sudah mati.

Sinterklas yang ada sekarang dalam hal pakaian maupun postur tubuhnya, dengan mengenakan topi tidur, baju berwarna merah tanpa jubah dan bertubuh gendut serta selalu tertawa adalah berasal dari Amerika yang berbeda dengan aslinya yang berasal dari Turki yang selalu mengenakan jubah, tidak mesti berbaju merah, tidak gendut dan jarang tertawa. (disarikan dari sumber : http://h-k-b-p.blogspot.com)

Walaupun begitu, attribut yang biasa dipakai oleh sinterklas seperti topi sinterklas dan baju merah sinterklas sudah melakat erat sebagai ciri khas orang-orang Nasrani yang pada saata natal mereka akan mengenakan atribut-atribut tersebut. Maka dari itu, dilarang bagi setiap muslim menegnakan atribut sinetrklas dikarenakan termasuk didalam meniru-niru suatu kaum diluar dari agama islam, sebagaimana sabda Rasulullah saw,”Siapa yang meniru suatu kaum maka ia adalah bagian dari mereka.” (Muttafaq Alaih)

Tidaklah jarang bahwa dengan sekedar meniru-niru saja maka akan berubaha menjadi penerimaan dan pengakuan bahwa mengenakan attribut natal atau meggucapkan Selamat natal adalah hal yang lumrah . Hal ini bukanlah tidak mungkin, karena tingkat keimanan setiap orang-berbeda-beda. Ditakutkan bahwa kaum muslimin yang tidak memiliki iman yang kokokh kepada Allah dapat tereseret dan menjadikannya murtad atau berpindah agama. Naudzubillah

Akan demikian, apabila dalam pekerjaan seorang muslim terdesak untuk menggunakna atribut natal dan telah melakukan berbagai upaya untuk menjauh dari  menggunakan attribut namun tidak berhasil, maka diperbolehkan dengan hati yang beristighfar tidak ridha, memint ampun kepada Allah.

Source: Bimbingan Islam

https://www.instagram.com/p/B6dFr-EBfdf/

https://rumaysho.com/3053-ulama-sepakat-haram-mengucapkan-selamat-natal.html

https://www.eramuslim.com/ustadz-menjawab/hukum-mengucapkan-selamat-natal.htm

tag: hukum mengucapkan selamat natal menurut al quran, pernahkah rasulullah mengucapkan selamat natal, mengucapkan natal bagi muslim, hukum mengucapkan selamat natal menurut al quran, pernahkah rasulullah mengucapkan selamat natal, mengucapkan natal bagi muslim, natal bagi umat islam, ucapan natal bagi muslim, Hadis tentang Ucapan Selamat Natal, natal bagi umat islam, natal bagi umat muslim, natal bagi umat islam, ucapan natal bagi muslim, Hadis tentang Ucapan Selamat Natal, natal bagi umat islam, natal bagi umat muslim. hukum mengucapkan selamat natal menurut al quran, pernahkah rasulullah mengucapkan selamat natal, mengucapkan natal bagi muslim, natal bagi umat islam, ucapan natal bagi muslim, Hadis tentang Ucapan Selamat Natal, natal bagi umat islam, natal bagi umat muslim.

hukum mengucapkan selamat natal menurut al quran, pernahkah rasulullah mengucapkan selamat natal, mengucapkan natal bagi muslim, natal bagi umat islam, ucapan natal bagi muslim, Hadis tentang Ucapan Selamat Natal, natal bagi umat islam, natal bagi umat muslim

Mustajabnya Doa Saat Hujan dan Hikmah Turunnya Hujan

Mustajabnya Doa Saat Hujan dan Hikmah Turunnya Hujan

Menjelang bulan Desember – Februari suasana musim hujan mulai terasa membasuh kekringan yang terjadi hampir di sepanjang tahun 2019. Bagaimana tidak, di tahun 2019 hujan begitu dinantikan oleh banyak orang, khususnya pertani. Saya berdomisili di Madura, dan tentu saja dengan panas dan kekeringan yang lumayan extreme di dareah saya, membuat hujan begitu dinantikan. Pasalnya jika Allah tidak menurunkan hujan, maka sumur akan mengering, sungai mengering, rumput sebagai pakan ternak tidak tersedia, dan para petani tidak dapat bertani.

Hujan merupakan anugerah dari Allah

Alhamdulillah, hujan yang turun di bulan-bulan penghujung tahun memberikan angin segar kepada seluruh mahluk Allah yang mendambakan hujan. Hujan yang turun di hari-hari belakangan ini Alhamdulillah telah kita rasakan nikmatnya dari Allah Ta’ala. Dan diharapkan Hujan yang diturunkan Allah dapat membawa manfaat untuk makhluk-makhluk Allah Ta’ala yang bermukim di bumi ini.

Do'a Saat Hujan

Maka dari itu, kita semua berharap bahwa hujan yang turun akan membawa keberkahan kepada kita semua.

Dari Ummul Mukminin, ’Aisyah radhiyallahu ’anha,

“Nabi shallallahu ’alaihi wa sallam ketika melihat turunnya hujan, beliau mengucapkan, ”Allahumma shoyyiban nafi’an” [Ya Allah turunkanlah pada kami hujan yang bermanfaat]”. (HR. Bukhari no. 1032)

Ibnu Baththol mengathakan bahwa, ”Hadits ini berisi anjuran untuk berdo’a ketika turun hujan agar kebaikan dan keberkahan semakin bertambah, begitu pula semakin banyak kemanfaatan.” (Syarh Al Bukhari, Ibnu Baththol, 5: 18, Asy Syamilah)

Selain itu, perlu untuk diperhatikan bahwa waktu hujan adalah salah satu waktu yang dianjurkan bagi kita untuk berdoa.

Hal ini berdasarkan pada hadits dari Sahl bin Sa’d, beliau berkata bahwa Rasulullah shallallahu ’alaihi wa sallam bersabda,

“Dua do’a yang tidak akan ditolak: [1] do’a ketika adzan dan [2] do’a ketika ketika turunnya hujan.” (HR. Al Hakim dan Al Baihaqi. Syaikh Al Albani mengatakan bahwa hadits ini hasan. Lihat Shohihul Jaami’ no. 3078).

Amalan Menyambut berkah Hujan

Sealin berdoa, tentu ada amalan- amalan lain yang dapat kita laukan ketika mendapat berkah Hujan. Diantaranya adalah :

Berdoa Ketika Hujan Lebat

Nabi Muhammad shallallahu ‘alaihi wa sallam suatu saat pernah meminta kepada Allah agar diturunkan hujan. Setelah itu, saat hujan menjadi begitu lebat, beliau kembali memohon pada Allah agar menjadikan cuaca kembali cerah. Kemudian, Nabi shallallahu ‘alaihi wa sallam berdo’a,

اللَّهُمّ حَوَالَيْنَا وَلَا عَلَيْنَا,اللَّهُمَّ عَلَى الْآكَامِ وَالْجِبَالِ وَالظِّرَابِ وَبُطُونِ الْأَوْدِيَةِ وَمَنَابِتِ الشَّجَرِ

“Allahumma haawalaina wa laa ’alaina. Allahumma ’alal aakami wal jibaali, wazh zhiroobi, wa buthunil awdiyati, wa manaabitisy syajari [Ya Allah, turunkanlah hujan di sekitar kami, bukan untuk merusak kami. Ya Allah, turukanlah hujan ke dataran tinggi, gunung-gunung, bukit-bukit, perut lembah dan tempat tumbuhnya pepohonan].” (HR. Bukhari no. 1014)

Syaikh Sholih As Sadlan mengatakan bahwa do’a di atas dibaca ketika hujan semakin lebat atau khawatir jika hujan tersebut akan dapat membawa dampak bahaya. (Dzikru wa Tadzkir, Sholih As Sadlan, hal. 28, Asy Syamilah) .

Berdoa Ketika Mendengar Suara Petir

Ketika ’Abdullah bin Az Zubair mendengar ada suara petir, dia menghentikan pembicaraan, kemudian mengucapkan, “Subhanalladzi yusabbihur ro’du bi hamdihi wal mala-ikatu min khiifatih” (Mahasuci Allah yang petir dan para malaikat bertasbih dengan memuji-Nya kerana rasa takut kepada-Nya).”

Berdoa Setelah Turun Hujan

Dari Zaid bin Kholid Al Juhani, Nabi shallallahu ‘alaihi wa sallam melakukan shalat shubuh bersama kami di Hudaibiyah setelah hujan turun pada malam harinya. Tatkala hendak pergi, beliau menghadap jama’ah shalat, lalu mengatakan, ”Apakah kalian mengetahui apa yang dikatakan Rabb kalian?” Kemudian mereka mengatakan,”Allah dan Rasul-Nya yang lebih mengetahui”. Kemudian Rasulullah shallallahu ‘alaihi wa sallam bersabda,

أَصْبَحَ مِنْ عِبَادِى مُؤْمِنٌ بِى وَكَافِرٌ فَأَمَّا مَنْ قَالَ مُطِرْنَا بِفَضْلِ اللَّهِ وَرَحْمَتِهِ. فَذَلِكَ مُؤْمِنٌ بِى وَكَافِرٌ بِالْكَوْكَبِ وَأَمَّا مَنْ قَالَ مُطِرْنَا بِنَوْءِ كَذَا وَكَذَا. فَذَلِكَ كَافِرٌ بِى مُؤْمِنٌ بِالْكَوْكَبِ

“Pada pagi hari, di antara hambaKu ada yang beriman kepadaKu dan ada yang kafir. Siapa yang mengatakan ’Muthirna bi fadhlillahi wa rohmatih’ (Kita diberi hujan karena karunia dan rahmat Allah), makadialah yang beriman kepadaku dan kufur terhadap bintang-bintang. Sedangkan yang mengatakan ‘Muthirna binnau kadza wa kadza’ (Kami diberi hujan karena sebab bintang ini dan ini), maka dialah yang kufur kepadaku dan beriman pada bintang-bintang.” (HR. Bukhari no. 846 dan Muslim no. 71).

Dianjurkan Untuk Berwudhu dengan air hujan

Dalilnya, “Apabila air mengalir di lembah, Nabi shallallahu ‘alaihi wa sallam mengatakan, “Keluarlah kalian bersama kami menuju air ini yang telah dijadikan oleh Allah sebagai alat untuk bersuci”. Kemudian kami bersuci dengannya.”[ HR. Muslim, Abu Daud, Al Baihaqi, dan Ahmad. Lihat Irwa’ul Gholil no. 679]

Mengambil Berkah Dari Air Hujan

Anas bin Malik radhiyallahu ‘anhu berkata, ”Kami pernah kehujanan bersama Rasulullah shallallahu ’alaihi wa sallam. Kemudian Rasulullah shallallahu ‘alaihi wa sallam menyingkap bajunya sampai tersiram hujan. Kemudian kami mengatakan, “Wahai Rasulullah, mengapa engkau melakukan demikian?” Kemudian Rasulullah shallallahu ‘alaihi wa sallam bersabda, “Kerana hujan ini baru saja Allah ciptakan.”[ HR. Muslim no. 898].

An-Nawawi menjelaskan, “Makna hadits ini adalah hujan itu rahmat yaitu rahmat yang baru saja diciptakan oleh Allah Ta’ala. Oleh kerana itu, Nabi shallallahu ‘alaihi wa sallam bertabaruk (mengambil berkah) dari hujan tersebut.”[ Syarh Muslim, Yahya bin Syarf An Nawawi, 6/195, Dar Ihya’ At Turots Al ‘Arobiy, cetakan kedua, 1392 H]

Janganlah mencela hujan

Mungkin tanpa disadari kita pernah mengatakan "yah Hujan", "Yah jangan Hujan dulu dong!", “Aduh!! hujan lagi, hujan lagi”. Ketahuilah, Nabi shallallahu ‘alaihi wa sallam telah menasihatkan kita semua agar jangan selalu menjadikan makhluk yang tidak dapat berbuat apa-apa sebagai kambing hitam jika kita mendapatkan sesuatu yang tidak kita sukai. Sebagai contoh, Nabi Muhammad melarang kita untuk mencela waktu dan angin karena waktu dan angin tidaklah dapat berbuat apa-apa.

Terdapat dalam sebuah hadits qudsi, Rasulullah shallallahu ‘alaihi wa sallam bersabda, Allah Ta’ala berfirman (yang artinya), “Manusia menyakiti Aku; dia mencaci maki masa (waktu), padahal Aku adalah pemilik dan pengatur masa, Aku-lah yang mengatur malam dan siang menjadi silih berganti.”[ HR. Bukhari no. 4826 dan Muslim no. 2246].

Rasulullah shallallahu ‘alaihi wa sallam juga bersabda,”Janganlah kamu mencaci maki angin.”[ HR. Tirmidzi no. 2252].

Dari dalil di atas terlihat bahwa mencaci maki masa (waktu) dan angin adalah sesuatu yang terlarang. Sama pula halnya dengan mencaci maki makhluk yang tidak dapat berbuat apa-apa, seperti mencela angin dan hujan. Karena hal tersebut adalah dilarang.

Semoga dapat menjadi pembelajaran bagi kita semua.

Tag : makna hujan dalam islam, hujan dalam al quran, Anjuran untuk berdoa saat hujan, Doa apabila hujan Turun, berkah Hujan, Mustajabnya Doa Saat Hujan dan Hikmah Turunnya Hujan, doa hujan allahumma shoyyiban doa hujan arab doa hujan allahumma shoyyiban arab doa hujan pertama doa hujan reda doa turun hujan allahumma shoyyiban nafi'an doa minta turun hujan doa hujan angin. doa hujan allahumma shoyyiban doa turun hujan tulisan arab doa hujan allahumma shoyyiban arab doa minta hujan allahumma shoyyiban nafi'an rumaysho doa saat hujan turun lebat sunnah ketika hujan doa hujan reda

Sumber rujukan:

https://rumaysho.com/3759-doa-ketika-turun-hujan.html

https://www.hidayatullah.com/kajian/oase-iman/read/2015/02/18/39138/10-amalan-menyambut-berkah-hujan-2.html

Node.Js How to Get Shipping Route Using OSRM API

It's been quite a while I didn't post anything. Well sorry, because I have to do my endless project and university tasks. In this article, I will be sharing my current small project using OSRM API.

Well, I assume that you may have already known what OSRM API is (because I guess it what leads you here). as a short introduction, OSRM API is an opensource API that lets developers get the distance, the needed time between "from (home, for example) and to (destination, for example)". 

For instance, in my home town, there are 3 post offices (po-A, po-B, po-C), I wanna know the fastest route and time required from my home - which post office has the shortest way or less time required. For developer, to overcome this problem, OSRM can be the answer, because it is totally free and opensource (of course).

According to WIkipedia , The Open Source Routing Machine or OSRM is a C++ implementation of a high-performance routing engine for shortest paths in road networks. Licensed under the permissive 2-clause BSD license, OSRM is a free network service. OSRM supports Linux, FreeBSD, Windows, and Mac OS X platform.

So, it is so much like Google Maps. Yes, it is actually so much like Google maps. However, it's free

Usually, OSRM API is used by shipping project, and traveling app. It's a very nice API by the way. Ok, enough for the introduction. Let's get into the code.

in order to get the route the API we can youse is as follow

http://router.project-osrm.org/table/v1/driving/latitude,longitude;latiude,longitude;latiude,longitude?sources=0

Let me explain this first.

1. The first latitude, longitude is the source/ initial location. Let's say it is the home

2. The second and the third latitude, longitude is the destination. Let's assume it is Post office A, Post Office B, Post Office C. We can add the destination more than one, just simply get the longitude and latitude for each destination and separate it by a semicolon (;).

Requirements

Request module.

Code and explanation:

const request = require("request")

//help array variable
let destination_result = []

//osrm function
const osrm = (addressOrigin, adressDestination, callback) => {
    const url = `http://router.project-osrm.org/table/v1/driving/${addressOrigin};${adressDestination}?sources=0`;
    request({ url, json: true }, (err, res) => {
        if (err) {
            return callback("cannot connect", undefined);
        } else if (res.body.message === "Too Many Requests") {
            callback("too many request, please try again..", undefined);
        } else {
            const destination = res.body.destinations
            destination.forEach((dst, index) => {
                if (index !== 0) {
                    destination_result.push({
                        destination: res.body.destinations[index].location.toString(),
                        duration: res.body.durations[0][index],
                        distance: res.body.destinations[index].distance
                    })
                }
            });

            //SORTING THE NEAREST
            destination_result.sort((a, b) => (a.duration > b.duration) ? 1 : ((b.duration > a.duration) ? -1 : 0));

            console.log('destination result => ', destination_result)

            const result = {
                source: res.body.sources[0].location,
                destination_result
            }
            callback(undefined, result);
            // destination_result = []
        }
    });
};

//for example
const source = '17.060976,51.115321'
const destination = '17.063264,51.114397;17.035318,51.107706;17.039807,51.108434'

//call the function
osrm(source, destination, (err, res) => {
    if (err) {
        return console.log(err)
    }
    console.log(res)
})

I use this API several times, and maybe I can tell you the pros and cons of this API

Pros

- open source

- free

-available documentation

Cons

-the documentation is a bit not "user-friendly"

- sometimes it takes time to load the result

- sometimes their server is "busy" and instead they will return "too many requests". It leads me to refresh my page and service several times

I hope it can help :)

For OSRM you can check here for the more information about the use of this API http://project-osrm.org/docs/v5.5.1/api

Tag:
Node.Js How to Get Shipping Route Using OSRM API, OSRM API, OSRM Node.js, OSRM API, osrm docker, osrm android, osrm install, osrm python, osrm r, osrm frontend, osrm windows, osrm traffic

Node Js Simple Weather App With Geocoding and Yargs

It's been quite a while since I left blogging activity. It was because I came back to my country and after that, I must return back to Poland to continue my second semester. Well, to be honest, it's getting harder sometimes in the beginning but Alhamdulillah, I enjoy the process now.

Node Js Simple Weather App With Geocoding and Yargs

I have already written 2 articles about How to get Weather information Using free weather API service using Nodejs and How to get information about a specific location using a free geocoding API service. Detail explanation about Free weather API can be accessed here: Node Js Simple Weather App Using Darksky API - Node Js Tutorial and Geocoding here: Node Js Geocoding to get Latitude and Longitude of Address Using Mapbox API - Node Js Tutorial.

So, as we will be using the console, to get the input value we need yargs module for Node js. Yargs module gives us the possibility to get 'advanced input' from the console comparing with argv. To learn about Yargs, you can access here Nodejs Yargs.

Here I have 3 classes

classes

App.js - Node Js Simple Weather App With Geocoding and Yargs

This is the main file that will call all the written functions from geo.js and weather.js class.

const geo = require('./geo')
const weather = require('./weather')

const yargs = require('../node_modules/yargs')

//here is the function to call the function from ohter class (geo and weather function)
const myfunc = (location) => {
//1. first we need to load the location
    geo.geo(location, (err, dataLocation) => {
//2. if the the app can retrieve the data from the API server, then we should call the weather function 
        if (err === undefined) {
//3. load the weather function to get the weather information using the longitude and latitude that have been gotten
            weather.weather(dataLocation.lat, dataLocation.long, (err, data) => {
                if (err === undefined) {
//4. print the information
                    console.log('location : ', dataLocation.location)
                    console.log(data)
                } else {
                    console.log(err)
                }
            })
        } else {
//if the location is wrong or cannot retrieve infromation
            console.log(err)
        }
    })
}
//yargs command to get input in console as value
yargs.command({
    command: 'checkweather',
    describe: 'to check the weather...',
    builder: {
        area: {
            describe: 'choose your area..',
            demandOption: true,
            type: 'string'
        }
    },
    handler: function (argv) {
        myfunc(argv.area)
    }
})

yargs.parse()

// seeIt('wroclaw') //you can uncomment this if we don't want to use Yargs module, however you should fill the location manually to the code

Geo.js - Node Js Simple Weather App With Geocoding and Yargs

This file contains all the code needed for geocode configuration.

const request = require('request')

const geo = (place, callback) => {
    const url = `https://api.mapbox.com/geocoding/v5/mapbox.places/${place}.json?limit=1&access_token=pk.eyJ1IjoiemVuaHV6YWluaSIsImEiOiJjanlzeXRobTQwMTZ3M2JwMXFsdXFlbDdsIn0.-MWjWymxxtz1_1BbMPmmRg`
    request({ url, json: true }, (error, response) => {
        if (error) {
            // return console.log('no internet')
            //to return the value then we must use callback
            callback('check your internet', undefined)
        } else if (response.body.features.length == 0) {
            //to return the value then we must use callback
            // return console.log('try other keywords')
            callback('check your keywords or try another keyword', undefined)
        } else {
            const longitude = response.body.features[0].center[0]
            const latitude = response.body.features[0].center[1]
            const exactLocation = response.body.features[0].place_name

            const data = {
                location: exactLocation,
                lat: latitude,
                long: longitude
            }

            // console.log(data)
            //to return the value then we must use callback
            callback(undefined, data)
        }
    })
}

// geo('plac grundwaldzki', (err, res) => {
//     if (err == undefined) {
//         console.log('get the result', res)
//     } else {
//         console.log(err)
//     }
// })

module.exports = { geo: geo }

weather.js - Node Js Simple Weather App With Geocoding and Yargs

This file contains all the code needed for weather configuration.

const request = require('request')

const weather = (longitude, latitude, callback) => {
    const url = `https://api.darksky.net/forecast/8593f986c0f88727f3270a097ee4b90c/${longitude},${latitude}?units=si`
    request({ url, json: true }, (err, response) => {
        if (err) {
            callback('check your internet', undefined)
        } else if (response.body.code == 400) {
            callback('the given location is invalid', undefined)
        } else {
            const data = {
                timezone: response.body.currently.timezone,
                summary: response.body.currently.summary,
                currentTemperature: response.body.currently.temperature,
                humidity: response.body.currently.humidity
            }
            callback(undefined, data)
        }
    })
}

// weather('37.8267', '-122.4233', (err, res) => {
//     if (err == undefined) {
//         console.log(res)
//     } else {
//         console.log(err)
//     }
// })

module.exports = { weather: weather }

How to run it - Node Js Simple Weather App With Geocoding and Yargs

node app.js checkweather --area="your location"
The result

result example

I also have aploaded the code on my Github. You can take a look here. Thank you

Keyword:

node js weather app, Node Js Simple Weather App, node js weather app github, node js weather app, Node Js Simple Weather App, node js weather app github, node js weather api, node js weather app github node js weather api, node js weather app github, node js weather app, node js weather app, Node Js Simple Weather App, node js weather app, Node Js Simple Weather App, node js weather app github, node js weather app, Node Js Simple Weather App, node js weather app github, node js weather api, node js weather app github node js weather api, node js weather app github, node js weather app, node js weather app, Node Js Simple Weather App, node js weather app github, node js weather api, node js weather app github Node Js Simple Weather App, node js weather app github, node js weather api, node js weather app github node js weather app github, node js weather api, node js weather app github Node Js Simple Weather App, node js weather app github, node js weather api, node js weather app github

Node Js Geocoding to get Latitude and Longitude of Address Using Mapbox API - Node Js Tutorial

After writing an article about Simple Weather App Using Darksky API. In this tutorial, I will share with you guys how to use Geocoding in Node Js using Mapbox API service.

Node Js Geocoding to get Latitude and Longitude of Address Using Mapbox API - Node Js Tutorial

Node Js Geocoding to get Latitude and Longitude of Address Using Mapbox API - Node Js Tutorial

What is Geocoding ?

Geocoding is the process of converting addresses (like a street address, country, or any specific area) into geographic coordinates for example latitude and longitude.

In this tutorial, I will use Mapbox to get the Geocoding service. We have can use the Google Maps API which is way more familiar, why we use Mapbox ?

Mapbox API 

Mapbox is a data platform service for map and location (and it becomes a Google Maps alternative). It can definitely offer detailed, customizable, and interactive maps. Mapbox has many similar feature functionality like Google Maps. Mapbox can provide custom heatmaps, markers, marker clustering, and much more.

Moreover, many says that Mapbox is cheaper than Google Maps, easy to set up, and offers similar (and often better) functionality. Plus, we can make custom maps that can fit the look or design of of site or brand.  However, don't worry because we can also use Mapbox for free (of course with limitation).

How to install

1. Install request module

npm install request

2. Make Account in mapbox.com

Once done, go to this link https://docs.mapbox.com/api/search/#geocoding
you can get your complete link there, like the image below

mapbox documentation

Then you can copy the API url to your app

3. Create app.js and put these codes

//geocoding
const place = 'jakarta'
const mapboxGeocodeUrl = `https://api.mapbox.com/geocoding/v5/mapbox.places/${place}.json?limit=1&access_token=pk.eyJ1IjoiemVuaHV6YWluaSIsImEiOiJjanlzeXRobTQwMTZ3M2JwMXFsdXFlbDdsIn0.-MWjWymxxtz1_1BbMPmmRg`

request({ url: urlGeocoding, json: true }, (error, Response) => {
    if (error) { //this errorr will only show if there is no internet connection
        console.log('check your internet conection..')
    } else if (Response.body.features.length == 0) { // this error will be shown if our query search of an address, country or etc. is nowhere to be found
        console.log('cek your query to determine the area, we cannot return the information!')
    } else {
        const longitude = Response.body.features[0].center[0];
        const latitude = Response.body.features[0].center[1]
        console.log('longitude => ' + longitude)
        console.log('latitude => ' + latitude)
    }
})

4. run in the console

node app.js

you can check this project in my github https://github.com/ZenHuzaini/nodejs-geocoding

In the next tutorial I will try to combine the Geocoding result (latitude and longitude) from Mapbox and use it to get more dynamic weather information.

tag : places api nodejs, free geocoding api, free geocoding api nodejs, Node Js Geocoding to get Latitude and Longitude, geocoding api for nodejs, places api nodejs, free geocoding api, free geocoding api nodejs, Node Js Geocoding to get Latitude and Longitude, geocoding api for nodejs

Node Js Simple Weather App Using Darksky API - Node Js Tutorial

Hi, after coping with my real life and those 'tiring' daily activities, finally I can write again.

in this tutorial I will share with you guys how to access darksky api using node js.

Node Js Simple Weather App Using Darksky API 

Node Js Simple Weather App Using Darksky API 

What module we need to accees ?

as we are going to access the API from other site and make http request, a module called request is needed. What is request module for node js ? according to stackabuse.com,  The request module is by far the most popular (non-standard) Node package for making HTTP requests. It means that HTTP requests with Node.js are a means for fetching data from a remote source. It could be an API, a website, or something else: at one point you will need some code to get meaningful data from one of those remote sources - valentinog.com.

And what is Darksky API ?

Darksky API is one of API provider for weather forecast. Why Darksky API ? because its it can be configured easily in minutes, developer friendly, clear and concise documentation. It also provides forecasts and current conditions, global coverage, historical data, and severe weather alerts

Here is the example of Node Js Simple Weather App Using Darksky API

const request = require('request')

const url = 'https://api.darksky.net/forecast/8593f986c0f88727f3270a097ee4b90c/37.8267,-122.4233?units=si'
//'https://api.darksky.net/forecast/8593f986c0f88727f3270a097ee4b90c/37.8267,-122.4233' to customize add ? followed with the keyvalue=value
//example 'https://api.darksky.net/forecast/8593f986c0f88727f3270a097ee4b90c/37.8267,-122.4233?units=si&ang=id'
//read https://darksky.net/dev/docs

const getWeather = () => {
    request({ url: url, json: true }, (error, response) => { //json true to enable automatic json parsing
        // const data = JSON.parse(response.body) // it is used if json option is not enabled / json: not true ..which is to change json string to json
        // console.log(response.body)
        console.log(`overall, the weather today is ${response.body.currently.summary} with the temperature of ${response.body.currently.temperature} celcius `)
        console.log(`and right now is ${response.body.minutely.summary} .. and current precip intensity is ${response.body.minutely.data[0].precipIntensity}`)
    })
}

getWeather()

you can see in my github for more:

https://github.com/ZenHuzaini/nodejs-request-weather-api-darkskyapi

I hope it can be useful for you :)

Tag: Node Js Simple Weather App Using Darksky API, weather app node js, node js darksky, darksky api, node js weather app simple

Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

Javascript is a programming language that you must learn if you want to explore the world of web development.

Currently javascript is not only used on the client (browser) side. Javascript is also used on servers, consoles, desktop programs, mobile, IoT, games, and others.

This makes javascript more popular and becomes the most used language on Github. According to hybridtechcar.com, JavaScript is the most used programming language in 2018.

programming trends - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

In this article, we will learn Javascript from the basic. Starting from the introduction of Javascript, to make the first program with Javascript.

Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

What is JavaScript ?

Javascript is a programming language that was originally designed to run on a browser.

However, as time goes by, javascript does not only run on the browser. Javascript can also be used on the server side, games, IoT, desktop, etc.

Javascript was originally called Mocha, then changed to LiveScript when the browser Netscape Navigator 2.0 was released in beta (September 1995). However, after that it was renamed Javascript.

Inspired by the success of Javascript, Microsoft adopted a similar technology. Microsoft made their own version of 'JavaScript' called JScript. Then planted on Internet Explorer 3.0.

This has resulted in 'browser wars', because Microsoft's JScript is different from Netscape's Javascript.

Tools To Learn JavaScript

What are the equipment that must be prepared to learn Javascript?

1. Web Browser (Google Chrome, Firefox, Opera, etc.)

2. Text Editor (recommendation: VS Code)

That is all?

Yes, that's enough. If you want to learn Javacript from Nodejs, please read: Introduction to Nodejs for Beginners.

My recommendation: learn Javascript from the client side first. and thenNodejs later.

Get to know the JavaScript Console

Some say, learning javascript is difficult, because when you see the results in a web browser, the error message does not appear. This opinion is incorrect. Because we can see it through the console.

We can open the Javascript Console through Inspect Element-> Console.

Inside the console, we can write functions or javascript codes and the results will be immediately displayed.

For example, let's try the following code:

console.log("Hi apa kabar!");
alert("Saya sedang belajar javascript");

Then the results will be like
When we write console.log(''learn javascript)

console in browser - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

and if we write alert('javascript is easy), here is the outcome

console in browser and pop up alert - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

If you use Nodejs, then how to access the console is to type the command node in the Terminal. we can see like the picture below.

using node js in console - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

However, in order to be able to run node, we have to install nodejs first. Please read How to Install Node Js

After trying the Javascript console, we can conclude that:
1. The console can be used to test functions or Javascript code;
2. We can use the Console to see error messages when debugging programs.

Creating the First Javascript Program

Already know how to open and use a javascript console?

Nice…

Then, let's create the first program with Javascript.

Please open the text editor, I strongly recommend you to use Visual Studio Code. Then create a file called helloWorld.html and write in the following code:

<!DOCTYPE html>
<html>

<head>
    <title>Hello World Javascript</title>
</head>

<body>
    <script>
        console.log("now I love Javascript@");
        document.write("Hello World!");
    </script>
</body>

</html>

if you are using Visual studio code the image will be like this

hello world html - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

Please save it with the name helloWorld.html, then open the file with a web browser.
and the result will be like ..

result from helloWorld.html - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

Wait a minute ...

Remember that we wrote the command:

console.log("now I love Javascript!");

Why isn't it displayed?

Because the command or function console.log() will display messages in the javascript console. While the document.write() command functions to write to an HTML document, then it will be displayed there.

Now just open the javascript console.

Then we will see the message "now I love Javascript!"

result in console - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

Cool!

Now, what we need to know next is:

How to write Javascript code in HTML?

In the example above, we have written javascript code in HTML.

This method is an embeded method.

There are still some more ways that we need to know:
1. Embed (Javascript code pasted directly on HTML. Example: the one before)
2. Inline (Javascript code written in HTML attributes)
3. External (Javascript code is written separately from HTML file)

Let's look at an example ...

1. Writing javascript code with Embed

In this way, we use the <script> tag to embed the Javascript code in HTML. This tag can be written in the <head> and <body> tags.

Example:

<!DOCTYPE html>
<html>

<head>
    <title>learn Javascript from basic</title>
    <script>
        // this is how to write javascript code
        // inside <head> tag
        console.log("Hello, this is JavaScript from Head");
    </script>
</head>

<body>
    <p>Tutorial Javascript for beginner</p>
    <script>
        // this is how to write javascript code
        // inside <body> tag
        console.log("Hello, this JavaScript from body");
    </script>
</body>

</html>

Which is better, write the javascript code in <head> or <body>?

Many says that writing it in <body> is better, because it will make the web load faster.

2. Writing inline javascript code

In this way, we will write the javascript code in the HTML attribute. This method is usually used to call a function for a particular event.

For example: when the link is clicked -> we want something to happen if we click it

Example:

<a href="#" onclick="alert('Yey!')">click me!</a>

Or that can also be like this

<a href="javascript:alert('Yey!')">Click me!</a>

You can put the code inside the helloWorld.html

<!DOCTYPE html>
<html>

<head>
    <title>Learn Javascript from the basic</title>
    <script>
        // this is how to write javascript code
        // inside <head> tag
        console.log("Hello, this is JavaScript from Head");
    </script>
</head>

<body>
    <p>Javascript tutorial for beginner</p>
    <script>
        // this is how to write javascript code
        // inside <body> tag
        console.log("Hello, this JavaScript from body");
    </script>

    <a href="#" onclick="alert('Yey!')">click me!</a>
    <a href="#" onclick="alert('Yey!')">click me again!</a>
</body>

</html>

and the result will be like this

result in browser - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

Look...

In the onclick and href attributes we write the javascript function there.

The onclick attribute is an HTML attribute to declare a function that will be executed when the element is clicked.

In the example above, we run the alert () function. This function is a function for displaying dialogs.

Then in the href attribute, we also call the alert () function with javascript:

The href attribute is actually used to fill in the link address or URL.

Because we want to call the javascript code there, then we change the link address to javascript: then followed by the function to be called.

3. Writing External JavaScript Code

In this way, we will write the javascript code separately with the HTML file.

This method is usually used on large projects, because it is believed - in this way - it can more easily manage the project code.

Let's look at an example ...

We create two files, HTML and Javascript files.

folder structure - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

inside external.js we can write:

alert("Hello, this is from Javascript external");

from helloWorld.html :

<! DOCTYPE html>
<html>
    <head>
        <title> Learning JavaScript from Zero </title>
    </head>
    <body>
        <p> JavaScript Tutorial for Beginners </p>

        <!-- Insert external js code -->
        <script src="external.js"> </script>
    </body>
</html>

And the result will be like this

result in browser - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

In the example above, we write separate javascript code with HTML code.

Then, in the HTML code ...

We insert it by giving the src attribute to the <script> tag.

<!-- embed javascript external code -->
<script src="external.js"></script>

So, anything in the external.js file will be read from the helloWorld.html file.

What if the javascript file is in a different folder?
We can write the full address of the folder.

Example:
Suppose we have a folder structure like this:

folder structure - Introduction to Basic JavaScript & First Step to Learn JavaScript - JavaScript Tutorial

So to insert the external.js file into HTML, we can write it like this:

<script src="javascript/external.js"></script>

Because the external.js file is in the javascript directory.

We can also insert javascript on the internet by providing the full URL address.

<script src="https://www.pengelanamuslim.com/javascript/code.js"></script>

What is next?
Congratulations 🎉

You already know JavaScript and have made the first program with Javascript.

Of course this is not enough ...

We still have to learn a lot about Javascript. InshaAllah, I will try to write more about javascript tutorials.. . see you!

source: petanikode.com