تصحيح أخطاء HTML وJavaScript

اكتشف أخطاء المحددات والأنماط والتنفيذ باستخدام مثال صغير ووحدة التحكم.

HTML CSS JS Compiler · المنهجية · اتصل بنا

الخطوات

ابدأ من القالب الابتدائي أو حمّل مشروع مثال.
حرّر بنية HTML وأنماط CSS وسلوك JavaScript.
اضغط «تشغيل» (Ctrl/Cmd + Enter) لتحديث المعاينة في sandbox.
افتح لوحة Console لقراءة log وwarn وerror.
استخدم عناصر التحكم المتجاوبة للتحقق من التخطيط بعروض شائعة.
نسّق أو انسخ أو نزّل عملك كـ index.html.

مثال

HTML

<button id="demo">Hello</button>

CSS

#demo { padding: 12px; }

JavaScript

// Broken: document.getElementById("missing").textContent = "OK";
const button = document.getElementById("demo");
if (button) button.textContent = "OK";

لا يوجد عنصر بالمعرّف missing ولذلك يحدث خطأ. استخدم demo للوصول إلى الزر؛ فحص الصياغة لا يكتشف خطأ التنفيذ هذا.

نصيحة

التنفيذ الأساسي لـ HTML وCSS وJavaScript للمعاينة يتم محليًا في متصفّحك.