مرحبا
كنت اتعلم كيف ابرمج مواقع الويب عند اسامة الزيرو فجأت لقيت بهادة المشكل الموضحة في الصورة :
هاده أكواد HTML
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<!-- <link rel='stylesheet' type='text/css' media='screen' href='main.css'> -->
<script src='main.js'></script>
</head>
<body>
<p class="ms">Hello Amad</p>
<p class="msn">Hello mastr</p>
<div id="my-div">a5c55</div>
<p>fpsvd</p>
</body>
</html>
وهاده أكواد لغة جافا سكريبت
let vb0 = document.getElementById("my-div");// ==> id استدعاء عن طريق
console.log(vb0);
let vb1 = document.getElementsByTagName("div");// ==> استدعاء عن طريق اسم الوسم
console.log(vb1 , "1");
let vb2 = document.getElementsByClassName("ms");// ==> class استدعاء عن طريق
console.log(vb2 , "2");
let vb3 = document.querySelector("a1");// ==> لاكن تأتي بي أول عنصر class و id استدعاء عن طريق
console.log(vb3 , "3");
let vb4 = document.querySelectorAll(".a2");// ==> لاكن تأتي بعدة عناصر class استدعاء عن طريق
console.log(vb4 , "4");
let vb5 = document.getElementById(".a2");// ==>
ممكن تفسير سبب المشكلة وما هو الحل