JavaScript Tutorial for Beginners - 37 - Creating a new element Part 2

Показать описание

JavaScript Tutorial for Beginners - 37 - Creating a new element Part 2

In this video we will create a heading element for our new section.

JavaScript, Document Object Model, dom, beginner, JavaScript Tutorial for Beginners, Introduction to

JavaScript,
programming, webpage, events

Рекомендации по теме

Комментарии

Definetely the best educator in youtube. Thank you sir.

blackbrother

Why are you js videos so I can not stop watching them even when I am having dinner :) :)

kamal-ahmed

to anyone currently watching, you can disappear the button once you press it by getting the id of the button and setting style display to none in the same function

moisessoto

Great lessons, as always. How can I create a NewParentNode - for a New Element ?! Can you explain it, sir, plese. Thank you. Regards

m.r.a.sandroidzone

Thanks for a excellent session😊. I have doubt - After clicking the button on webpage it creates a heading and para, if i click again its duplicating the same, how should i over come that scenario?

rvcookingstories

Does "j.s" know that the Heading will be added in between the paragraphs? Is this an automatic feature in the DOM? - thanks ej!

jeremiahvaliente

@ EJ Media. I just wanted to say that we dont have the "Creating a new element Part 1 video" ive been following your videos closely and i havent created a new element at the bottom that says "click if you wana read about another battle". i double checked, theres no video for that lol. i hope you still check on these comments oh well

wait.... crap! this video just started playing right after the CSS layout series number 23 dammit. i was like when did we come to JS tutorial grrr

kieran

How do you get the new elements to also get the class attributes of the old ones. My new created elements don't have the class attributes of the first one.

yousufdaramay

Hello EJ. How to stop creating the same para when you hit the button again. Thanks

tryagain

im sorry, but battle of the salamis? (as in meat)

btw: im kidding great video

sarah

Why we are not creating a variable for introducing body element to JavaScript??
And also if I m creating a new function to add new 'div' element under the parent element 'body' it is not working..why???

sweetyagarwal

Hi EJ whenever i am creating an element, it creates, elements kept creating as many time user is clicking the button, how to disable it to one time, can you please give some clues

AdvJagvirSinghSorout

Can anyone help me please? My query is that in this video we add a heading. This heading become red colour . But we do not add any code to make it red. Without adding code how it turns red. If I want to change it what is the process. TIA

chowdhuryazizul

How do we please operate the click only once because when I clicked again the text repeatedly appeared. Thank you

johabib

Me again :D
Every time i click the button again the button creates the same heading and paragraph again. That should happen ?

franjokeskic

Wait a time I click that button the paragraph keeps on adding and adding and adding and fill the shoud I do about it.??
please reply

ikushum

doesnt work
html:
<!DOCTYPE html>
<html>
<head>
<title>h</title>
<script src="jscode.js"></script>
<link rel="shortcut icon" href="favicon.jpg">
</head>
<body>
<button onclick="elem()">New paragraph</button>
</body>
</html>
js:

function elem() {

var element = document.createElement("p");

var text = document.createTextNode("The Battle of Salamis was fought between an alliance of Greek cities and the Persian Empire in 480 BC. The Greeks decisively defeated the Persian navy.");

element.appendChild(text);

}

tastyl

JavaScript Tutorial for Beginners - 37 - Creating a new element Part 2

JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour

Learn JavaScript - Full Course for Beginners

JavaScript tutorial for beginners 🌐

JavaScript Tutorial for Beginners [JS Crash Course 2024]

JavaScript In 10 Minutes | JavaScript Tutorial For Beginners | Learn JavaScript | Simplilearn

Learn JAVASCRIPT in just 5 MINUTES (2020)

JavaScript Course for Beginners 2024

JavaScript Crash Course For Beginners

Portfolio Website with HTML & CSS & JavaScript Tutorial #portfoliowebsite #html #css #javasc...

JavaScript Tutorial for Beginners - Full Course in 12 Hours (2022)

JavaScript Full Course for free 🌐 (2024)

JavaScript Programming Tutorial for Beginners

JavaScript Basics in 10 Minutes

JavaScript Full Course | JavaScript Tutorial For Beginners | JavaScript Training | Edureka

JavaScript Crash Course - Tutorial for Complete Beginners

How to Learn Javascript in 2023 (From ZERO)

JavaScript Full Course for Beginners | Complete All-in-One Tutorial | 8 Hours

JavaScript Tutorial for Beginners - Full Course in 8 Hours [2020]

JavaScript Crash Course: Master the Basics in One Video! Ignite Your Front-End Mastery Series!

JavaScript Mastery Complete Course | JavaScript Tutorial For Beginner to Advanced

JavaScript Full Course 2022 | JavaScript Tutorial For Beginners | JavaScript Developer | Simplilearn

JavaScript for Beginners | Learn JavaScript in one hour!

Learn JavaScript With This ONE Project!

JavaScript Full Course For Beginners With JavaScript Projects Tutorial And Notes 2024