Javascript si html.

Aici postaţi orice este legat de tehnologiile "client side". HTML, HTML5, XHTML, CSS, CSS3, XML, Standarde
Manual JS: http://www.phpromania.net/jsmanual/index.html

Moderatori: eyecon, Moderatori

Ludovico
New Member
Mesaje: 2
Membru din: Mie Iun 29, 2016 9:30 am

Javascript si html.

Mesajde Ludovico » Mie Iun 29, 2016 9:39 am

Salut. Sunt nou pe acest forum. Am o mica problema cu un cod javascript. Precizez ca sunt incepator in javascript. Stiu doar c++ si html.
Foarte multi oameni contemporani noua sunt foarte suparati, mohorati, nervosi etc. Si m-am gandit la un mic proiect pentru a face o mica parte din acesti oameni sa zambeasca. Am vrut sa folosesc javascript imbinat cu html. Ideea de functionare este urmatoarea : intr-o pagina html este afisat un buton care va returna o fereastra. In fereastra trebuie introdus numele persoanei care l-a apasat. Dupa trimiterea numelui va fi returnat urmatorul mesaj: OmX, esti o persoana minunata. Dar problema e ca nu vreau sa ma limitez la o singura afirmatie, ci la un sir.

Cod: Selectaţi tot

<html>
<head>
<script type="text/javascript">
var textarray = [
 "mesaj 1",
 "mesaj 2",
 "mesaj 3",
 "mesajele sunt afisate aleatoriu"
];

function RndText() {
  var rannum= Math.floor(Math.random()*textarray.length);
  document.getElementById('ShowText').innerHTML=textarray[rannum];
}
onload = function() { RndText(); }

</script>
</head>
<body>
<div id="ShowText"></div>
</body>

</html>

Cod: Selectaţi tot

<html>
<body>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var person = prompt("Please enter your name");
   
    if (person != null) {
        document.getElementById("demo").innerHTML =
        "Salut " + person + ". Mesaj.";
    }
}
</script>

</body>
</html>

Cod: Selectaţi tot

<html>
<body>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var person = prompt("Introdu numele tau te rog:");
   
    if (person != null) {
        document.getElementById("demo").innerHTML =
        "Salut " + person + "! Mesaj.";
    }
}
</script>

</body>
</html>


Cum pot imbina aceste coduri ca mesajul afisat sa nu fie acelasi pentru toate persoanele, sa fie aleatoriu cum functioneaza primul cod. Va rog putin ajutor. Sunt incepator...



nevvermind
Senior Member
Mesaje: 1264
Membru din: Mar Iun 22, 2010 3:17 pm

Re: Javascript si html.

Mesajde nevvermind » Mie Iun 29, 2016 11:08 am

Fa o functie care returneaza un string aleatoriu dintr-o sursa de stringuri (array, de ex, cum ai tu), fara alte efecte secundare.
Apoi foloseste functia aia oriunde vrei. Pune-o intr-un fisier JS separat si include-o unde ai nevoie.

Problema ta e ca functia RndText() este cuplata cu HTML-ul: document.getElementById('ShowText').innerHTML=textarray[rannum]; deci n-o poti folosi oriunde. Decupleaz-o si ai sa poti.
Facusi un canal de php pe freenode - ##php-ro : https://webchat.freenode.net/

Ludovico
New Member
Mesaje: 2
Membru din: Mie Iun 29, 2016 9:30 am

Re: Javascript si html.

Mesajde Ludovico » Mie Iun 29, 2016 12:27 pm

Asta e faza ca sunt incepator si doua ore am incercat dar tot nu am avut niciun rezultat si am apelat la ajutorul specialistilor de aici daca se poate...

nevvermind
Senior Member
Mesaje: 1264
Membru din: Mar Iun 22, 2010 3:17 pm

Re: Javascript si html.

Mesajde nevvermind » Mie Iun 29, 2016 12:42 pm

O faci sa sune ca si cum nu te-am ajutat deloc.
Ce ai incercat din ce-am zis si n-a mers? Nu spune ca nu merge. Spune ce anume ai incercat si eroarea, daca e.

PS: Am inteles: esti incepator. Am stabilit-o. Hai sa continuam.
Facusi un canal de php pe freenode - ##php-ro : https://webchat.freenode.net/


Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 4 vizitatori