Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Plasa de umbrire peste gard de pl...

O smecherie pe care nu o inteleg

Balcon parter fara acte

unde gasesc un speed bag in bucur...
 Programe TV cu altfel de sporturi

Laptop "bun la toate" max...

navigatie noua vw tiguan

ctfmon.exe - System Error (in Saf...
 Ați prins vremurile cand 120 Volț...

Whatsapp nu afișeaza numele ...

Medii admitere Politehnica Bucure...

Se extinde Baza de la Kogalniceanu
 Politist mutilat de caine in curt...

Trotineta- cat rezista?

Windows 11 si inregistrare de pe ...

Cont Facebook spart
 

[noob] Afisare valoare Javascript

- - - - -
  • Please log in to reply
9 replies to this topic

#1
Sess

Sess

    Junior Member

  • Grup: Members
  • Posts: 68
  • Înscris: 20.01.2016
Salut,

Recent am inceput sa ma uit pe niste cursuri de Javascript. M-am poticnit totusi la inceput. Am in felul urmator:

learning.js:
var title, author;
function Book(title, author){
	this.title = title;
	this.author = author;
}

main.html:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Hello World</title>
</head>
<body>
		<script type="text/javascript", src ="learning.js">
			var myBook = new Book("Hello", "World")
			document.write(myBook.author + " " + myBook.title)
		</script>
</body>
</html>


Cand dau Run, nu imi afiseaza nimic in browser. Folosesc Webstorm de la JetBrains, am creat un nou Empty Project.

#2
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 30,183
  • Înscris: 24.02.2007
Nu folosesti document.write, ci creezi elemente noi si le atasezi la DOM.

#3
Sess

Sess

    Junior Member

  • Grup: Members
  • Posts: 68
  • Înscris: 20.01.2016
Si atunci afisarea cum se face?

Am urmarit aproximativ exemplul 2 de aici: https://www.tutorial...ipt_objects.htm

#4
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 30,183
  • Înscris: 24.02.2007
https://www.tutorial...pt_html_dom.htm

#5
sags

sags

    Senior Member

  • Grup: Senior Members
  • Posts: 9,813
  • Înscris: 24.04.2013
  • Atributele unui element HTML, <script/> in cazul de fata, se separa cu spatii si NU cu virgula.
  • Un element <script/> are FIE un atribut src= care indica unde se afla scriptul, FIE nu are un astfel de atribut iar scriptul este chiar continutul elementului. Mai clar spus, nu amandoua deodata. Pentru doua scripturi separate, folosesti doua elemente <script/>.
  • La ce folosesc variabilele globale title si author pe care le definesti in learning.js? Hint: la nimic. Si chiar daca aici nu fac rau, nici bine nu fac iar in alte cazuri pot incurca.


#6
unbrutus

unbrutus

    Guru Member

  • Grup: Senior Members
  • Posts: 16,299
  • Înscris: 23.02.2017
sags a zis f bine, dar mai simplu de inteles, linia
<script type="text/javascript", src ="learning.js">


ar trebui scrisa:

<script src ="learning.js">


Si desigur apasa F12 (developer tools) in browser si vezi ce erori ai in consola.

#7
Sess

Sess

    Junior Member

  • Grup: Members
  • Posts: 68
  • Înscris: 20.01.2016
Intr-adevar, am eroarea
ReferenceError: myBook is not defined

Am incercat si fara virgula, si doar cu cu <script src="learning.js"> dar in continuare nu merge. Functia pusa in <head></head> functioneaza corect. Si learning.js si main.html se afla in acelasi folder. Nu inteleg de ce nu ar fi vazut fisierul de js din html.

#8
sags

sags

    Senior Member

  • Grup: Senior Members
  • Posts: 9,813
  • Înscris: 24.04.2013
Nu type= e buba, acela e corect, ci faptul ca tu incerci sa pui DOUA scripturi intr-UN SINGUR element <script/>. Browser-ul nu executa decat unul singur din cele doua scripturi, si anume cel indicat de src=, celalalt (din interiorul elementului) este ignorat. Citeste cu atentie punctul 2 din mesajul meu de mai sus.

Edited by sags, 24 June 2017 - 12:36.


#9
unbrutus

unbrutus

    Guru Member

  • Grup: Senior Members
  • Posts: 16,299
  • Înscris: 23.02.2017
Ai multe erori de intelegere a ce se intampla, dar le vei intelege repede, pe langa ce a zis deja sags, mai tine cont si de:

- cel mai important si simplu e consola, comunica cu ea in loc de document.write:
console.log(myBook.author + " " + myBook.title)


- foloseste ";" sa separi liniile

- incearca asa:

<script src ="learning.js"></script>
<script>
		 var myBook = new Book("Hello", "World");
		 console.log(myBook.author + " " + myBook.title);
		 document.write(myBook.author + " " + myBook.title);
</script>


Edited by unbrutus, 24 June 2017 - 12:54.


#10
lightpoint

lightpoint

    Member

  • Grup: Members
  • Posts: 785
  • Înscris: 16.02.2017

View PostSess, on 24 iunie 2017 - 10:02, said:

Salut,

Recent am inceput sa ma uit pe niste cursuri de Javascript. M-am poticnit totusi la inceput. Am in felul urmator:

learning.js:
var title, author;
function Book(title, author){
this.title = title;
this.author = author;
}

main.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
</head>
<body>
<script type="text/javascript", src ="learning.js">
var myBook = new Book("Hello", "World");
document.write(myBook.author + " " + myBook.title);
</script>
</body>
</html>


Cand dau Run, nu imi afiseaza nimic in browser. Folosesc Webstorm de la JetBrains, am creat un nou Empty Project.
<body>
<script src="learning.js"></script>
<script type="text/javascript">
	var myBook = new Book("Hello", "World");
	document.write(myBook.author +" " + myBook.title);
</script>
</body>

Iar in "learning.js" :
var title si var author sterge-le,  ca nu le accesezi pe ele ci pe title si author din contextul definit  de catre  this, care este contextul izolat definit de obiectul myBook;

Edited by lightpoint, 24 June 2017 - 13:22.


Anunturi

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate