طريقة انشاء موقع لعرض سور القرآن الكريم، بحيث يمكن للمستخدم قراءة الآيات والإستماع إلى التلاوة الصوتية لكل سور القرآن الكريم.
شرح إنشاء موقع للإستماع و قراءة القرآن الكريم
طريقة إنشاء موقع إستماع و قراءة القرآن الكريم
القرآن الكريم (Quran karim) استماع للسورة في هذا الموضوع و من خلال مدونة العرائش التقنية ، سنقوم بإنشاء سكريبت تفاعلي لعرض سور القرآن الكريم بحيث يمكن للمستخدم قراءة الآيات والاستماع إلى التلاوة الصوتية لكل سورة. كود Html Css انشاء موقع القرآن الكريم 1. واجهة المستخدم HTML أولاً، سنقوم بتصميم واجهة المستخدم باستخدام HTML: <div id="quran-container">
<h1 dir="rtl" style="text-align: center;">القرآن الكريم (Quran karim)</h1>
<select id="surahSelect"></select>
<button id="playButton">استماع للسورة</button>
<div id="quranText"></div>
<audio id="audioPlayer" controls style="display: none;"></audio>
</div>
2. كود JavaScript لجلب البيانات نستخدم JavaScript لجلب بيانات السور والآيات من API، وعرضها وتشغيل تلاوتها عند الطلب. جلب قائمة السور من API async function fetchSurahs() {
const response = aw…
