این پست اولین قسمت از آموزش همراه با کد است ، که در آن شما برخی از مهارت های ابتدایی را در دستکاری وانیل JS DOM خواهید آموخت. اگر ورود قبلی من را از دست دادید ، جایی که من در مورد اینکه وانیل JS چیست و چرا مهم است بحث کردم ، آن را اینجا بررسی کنید.
بیا شروع کنیم!
برپایی
- یک پوشه / فهرست در رایانه خود ایجاد کنید. آن را چیزی مناسب بنامید ، مانند “vanilla-js-practice”.
- دو پرونده در این پوشه ایجاد کنید ،
index.html
و
index.js
.
- در مرحله بعدی ، بیایید برخی از کد های دیگ بخار را به جدید اضافه کنیم
index.html
فایل:
<html
<head
<meta charset="utf-8"
<title Vanilla JS Practice title
head
<body
<script src="index.js"script
body
html
به طور معمول ، در
در بخش یک فایل HTML ، انواع مختلفی از عناصر را مشاهده خواهیم کرد ، مانند
،
،
، و
، چندتا را نام بردن. با این حال ، در پرونده HTML ما ، این بخش فقط شامل یک
tag and nothing else. This
برچسب در اصل به مرورگر وب می گوید تا فایل index.js را بخواند تا کد معتبر اجرا شود.
این آخرین باری است که ما خود را لمس می کنیم
index.html
فایل؛ هر کد دیگری که در این مقاله مشاهده می کنید در ما خواهد بود
index.js
فایل.
بلوک های ساختمانی شماره 1 و 2 -
document.createElement()
و
.textContent
بسیار خوب ، اکنون که در حال خود هستیم
index.js
پرونده را وارد کنید ، بلوک کد زیر را در ویرایشگر خود تایپ کنید ، و سپس برای توضیح آنچه که شما فقط بخوانید ...