Lösungen zu den Javascript-Aufgaben von der Seite Highscore.de

Intermediate

Thursday, May 12th 2011, 1:37pm

Moin Moin
Ich suche für die Seite Highscore.de die Lösungen zu den Javascript-Aufgaben um diese mit meinen zu vergleichen. Ich weiß zudem, dass ich diese auf der Homepage kostenpflichtig erwerben kann, aber ich hoffe, dass jemand in diesem Forum die Aufgaben korrekt bearbeitet hat und mir seine Lösungen anzubietet.

Ich danke allen im vorraus, die mir helfen. Denn ich beginne im August meine Ausbildung als Fachinformatiker in Anwendungsentwicklung und sammle nun bis zum Ausbildungsbeginn Vorkenntnisse. Diese Vorkenntnisse erwerbe ich durch ein Praktikum bei meinem Ausbildungsbetrieb, aber der Abteilungsleiter gibt mir nur Seiten, wo ich die Kenntnisse erwerben soll und hat nie Zeit um mir was zu erklären etc.

MFG Daniel001

This post has been edited 1 times, last edit by "Daniel001" (May 12th 2011, 1:51pm)

SargTeX

Intermediate

Posts: 81

2

Thursday, May 12th 2011, 1:52pm

Hey.

Sicher, dass JavaScript als Fachinformatiker die richtige Sprache zum vorbereiten ist?
Ist eine sehr schöne Einstiegssprache, wobei PHP da noch schöner ist, aber ich weiss nicht, ob du als Fachinformatiker damit viel zutun bekommst

.

Ansonsten:
Die Lösungen habe ich nicht, aber wenn du konkrete Aufgaben hier reinstellst, überprüf ich sie gern

.

Daniel001

Intermediate

Posts: 60

3

Thursday, May 12th 2011, 2:14pm

Ich habe die Ausbildungsstelle bekommen, obwohl ich keinerlei Vorkenntnisse hatte, aber unter der Bedingung, dass ich während eines 3-monatigen Praktikums indem Betrieb mir diese aneigne.
Anfangs hab ich in HTML und CSS Grundkenntnisse gesammelt und dann hab ich eine Adresse von "open galileo" bekommen, wo ein Buch für Javascript und Ajax vorhanden ist. Aber dieses Buch ist für mich persönlich zu schwer, trotz das ich Abitur habe. Also mein Chef gab mir die Anweisung nach HTML und CSS Grundkenntnissen die Programmiersprache JavaScript zu lernen und dannach mit PHP Perl und VB weiter zu arbeiten. Ich denke er wird sich schon dabei was gedacht haben, dass ich Javascript als Einstieg lerne.

Soll ich dir den Link zu den Aufgabenstellungen posten? oder die Aufgaben hier reinschreiben

?

Gruß Daniel001

SargTeX

Intermediate

Posts: 81

4

Thursday, May 12th 2011, 2:50pm

Na dann

.
Am besten Aufgabenstellung + deine Lösung hier reinposten, oder?
Dann können wir drüber schauen und sagen, wo Fehler sind, was du ggf. besser machen könntest usw.
Aber nicht direkt alle auf einmal, sondern schön eins nach dem anderen ;D;D.

Daniel001

Intermediate

Posts: 60

5

Thursday, May 12th 2011, 2:58pm

Ok, lass uns das so machen.
Ich fang dann mal an mit dem programmieren und poste es hier dann rein. Kann aber ein wenig dauern (: Wollte erst vorab klären ob mir jemand hilft bevor ich damit anfang ;D;D

Daniel001

Intermediate

Posts: 60

6

Thursday, May 12th 2011, 3:19pm

So hier die ersten beiden Aufgaben. Ich habe diese in einem Dokument zusammen gefasst.

1. Entwickeln Sie eine Javascript-Anwendung, die den Anwender zur Eingabe eines Passworts auffordert. Wenn das gültige Passwort eingegeben wird, soll eine entsprechende Meldung ausgegeben werden. Legen Sie zum Testen Ihres Programms ein beliebiges Passwort fest.

2. Erweitern Sie Ihr Javascript-Programm aus Aufgabe 1 dahingehend, dass bei Eingabe eines ungültigen Passworts ebenfalls eine entsprechende Meldung ausgegeben wird.

Meine Lösung dazu:

<html>
<head>
<title>Lösungen<title>
<script type="text/javascript">
var Eingabe = prompt("Geben Sie ihr Passwort ein", "");

if ( Eingabe != "Toilette") {
window.alert("Ungültiges Passwort, versuchen Sie es erneut");
} else {
window.alert("Gültiges Passwort")
}
</script>
</head>
<body>
</body>
</html>

Ein großes "Dankeschön" nochmal (:

TheMansn

Trainee

Posts: 28

7

Thursday, May 12th 2011, 4:04pm

ich habe zwar selber erst angefangen was mit javascript zu machen aber ich glaube zu wissen das das script in den body gehört, sprich <body>deinscript</body.

das script an sich sieht für mich richtig aus.

Daniel001

Intermediate

Posts: 60

8

Thursday, May 12th 2011, 4:16pm

Ok, dann kommts halt in den Body(; Woher weiß ich denn, was in den Body gehört und was nicht?

Hier Aufgabe 3 nun +meiner Lösung:

3. Erstellen Sie eine Javascript-Anwendung, die den Anwender zur Eingabe eines Passworts auffordert. Wenn das gültige Passwort eingegeben wird, soll eine entsprechende Meldung ausgegeben werden. Wenn kein gültiges Passwort eingegeben wird, soll der Anwender erneut zur Eingabe eines Passworts aufgefordert werden - bis er das richtige Passwort eingegeben hat. Legen Sie zum Testen Ihres Programms ein beliebiges Passwort fest.

Lösung :

<html>
<head>
<title>Lösungen<title>
</head>
<body>
<script type="text/javascript">
var Eingabe = "";
Eingabe = window.prompt("Bitte geben Sie ihr Passwort ein","");
while (Eingabe != "Toilette") {
Eingabe = window.prompt("Ungültiges Passwort, bitte geben Sie ihr Passwort erneut ein","");
}
if ( Eingabe == "Toilette") {
window.alert("Gültiges Passwort")
}
</script>
</body>
</html>

P.S. Morgen kommen die anderen Aufgaben und die Lösungen. Hab nun Feierabend (:

Gruß Daniel001

SargTeX

Intermediate

Posts: 81

9

Thursday, May 12th 2011, 4:24pm

Hey.

In den HEAD kommen im Prinzip nur META-Daten, also Daten, die für den Seitenaufbau selbst relevant sind. So kannst du z.B. den title festlegen (bzw. musst, da das Dokument andernfalls nicht HTML-Konform ist), kannst festlegen, welchen Charset du verwendest (wichtig bei der Verwendung von Umlauten), oder welche Scripts/Stylesheets von extern geladen werden sollen, bevor die Seite angezeigt wird.

Das zweite schaut richtig aus, ich hoffe, du testest es auch nach der Funktionalität?
Du kannst dir die IF-Abfrage schenken:

	JavaScript Code
1 2 3	if ( Eingabe == "Toilette") { window.alert("Gültiges Passwort") }

Da das Script ohnehin erst zu dem Part kommt, sobald das richtige Passwort eingegeben wurde (das stellst du ja bereits in der while() Schleife sicher), benötigst du keine zusätzliche überprüfung.

Übrigens: window.alert() brauchst du auch nicht, solang du nicht selbst eine Funktion namens alert() schreibst. Das gleiche sollte für prompt() auch gelten.

Und achja, bitte benutz die SYNTAX-BBCodes zum hervorheben von deinem Code

. Die findest du unter dem Texteditor.

TheMansn

Trainee

Posts: 28

10

Thursday, May 12th 2011, 4:43pm

da war sargtex woll schneller

aber gut zu wissen, was man sich schenken kann... hätt ich nie dran gedacht. um 16.15 feierabend... hätt ich auch gern xD

SargTeX

Intermediate

Posts: 81

11

Thursday, May 12th 2011, 6:51pm

Quoted from "TheMansn"

um 16.15 feierabend... hätt ich auch gern xD

dito.

Daniel001

Intermediate

Posts: 60

12

Friday, May 13th 2011, 7:59am

Ich nenne da mal das Stichwort " gleitende Arbeitszeiten " ;D.
Ja okay , danke für den Tipp. Ich gucke denn mal ob ich das mit den BBCodes hinkriege. Heute folgen dann noch weitere Aufgaben und Lösungen. Soviele wie ich heute dann schaffe

Gruß Daniel001

Daniel001

Intermediate

Posts: 60

13

Friday, May 13th 2011, 8:36am

Hier kommt dann Augabe 4 und die dazugehörige Lösung (:

4. Erweitern Sie Ihr Javascript-Programm aus Aufgabe 3 dahingehend, dass nach drei ungültigen Eingaben das Programm mit einer entsprechenden Fehlermeldung beendet wird.

Meine Lösung:

JavaScript Code

<html>
<head>
<title>Lösungen<title>
</head>
<body>
<script type="text/javascript">
var Eingabe = "";
var Zahl = 0;
Eingabe =  prompt("Bitte geben Sie ihr Passwort ein","");
while (Eingabe != "Toilette") {  
if (++Zahl > 3) {
break
}
Eingabe = prompt("Ungültiges Passwort, bitte geben Sie ihr Passwort erneut ein","");
}
</script>
</body>
</html>

Ich find die Lösung zwar ziemlich kurz, aber es funktioniert (:

This post has been edited 1 times, last edit by "Daniel001" (May 13th 2011, 8:44am)

TheMansn

Trainee

Posts: 28

14

Friday, May 13th 2011, 9:41am

Ich glaube ma du kannst

Quoted

Eingabe = prompt("Ungültiges Passwort, bitte geben Sie ihr Passwort erneut ein","");

in

Quoted

if (++Zahl > 3) {
break
}

reinpacken und "break" durch "die" (die = sterben, also das script beenden) ersetzen.
ich glaube bei die kannst du auch eine nachricht einfügen, die dann am bildschirm ausgegeben wird

ma ne frage hast du xamp auf deinem rechner? wenn nich dann installier dir das mal. da kannst du im hintergrund apachi laufen lassen und dann über "localhost/index.html"
dann deine selbstgeschriebenen html dateien aufrufen (sofern diese in der index.html auch verlinkt sind). Du kannst dann über diese html (oder auch php) dateien deine
Javascript funktionen einbinden und ausprobieren.

Daniel001

Intermediate

Posts: 60

15

Friday, May 13th 2011, 9:49am

Okay, danke für den Tipp (:
Mein Arbeitgeber sieht das ein bissel eng mit dem installieren von anderer Programmen auf den Pc´s :/ . Ich benutze Notepad++ und öffne meine Seiten über den Browser um sie auszutesten.

TheMansn

Trainee

Posts: 28

16

Friday, May 13th 2011, 10:00am

wenn du über xamp apachi und mysql laufen lässt, wird sich das html-document und die javascripte genauso verhalten, als ob du sie direct vom internet aus aufgerufen hast. da gabs glaub ich einen unterschied zwischen den localen öffnen über den browser und den öffnen über "localhost/..." wenn man im hintergrund xamp mit apachi laufen lässt.

Daniel001

Intermediate

Posts: 60

17

Friday, May 13th 2011, 10:02am

Hmm, kann gut möglich sein, aber auskennen tu ich mich nicht damit :/

TheMansn

Trainee

Posts: 28

18

Friday, May 13th 2011, 10:38am

naja, an und für sich hast du ja die aufgabe erfüllt... ma schauen was SargTex noch für tips hat. Du kannst ja schon ma die nächste aufgabe bearbeiten

Daniel001

Intermediate

Posts: 60

19

Friday, May 13th 2011, 10:41am

Ich bearbeite schon die nächste Aufgabe, aber die ist für mich zumindestens erheblich schwieriger :/. Wenn ich fertig bin, schicke ich euch die Lösung (:

Daniel001

Intermediate

Posts: 60

20

Friday, May 13th 2011, 12:29pm

Nun kommt Aufgabe 5, welche ich leider nicht lösen konnte. Dabei stelle ich meinen Lösungsansatz hier rein und hoffe auf konstruktive Vorschläge, wie ich an die Aufgabe hätte rangehen sollen.

Danke im vorraus für eure Hilfe (:

Aufgabe und Lösungsansatz:

5. Erstellen Sie eine Javascript-Anwendung, die den Anwender zur Eingabe zweier Kommazahlen auffordert. Addieren Sie die Kommazahlen in Ihrem Programm und geben Sie das Ergebnis mit Hilfe der Methode write() des Objekts document in den Browser aus.

JavaScript Code

<html>
	<head>
	<title>Lösungen<title>		
	</head>
	<body>
	<script type="text/javascript">
			var x, y = parseFloat(); 
			var Summe = x + y;
				x = prompt("Bitte geben Sie eine Kommazahlen ein!", "");
				y = prompt("Bitte geben Sie eine zweite Kommazahl ein, die mit der Vorherigen addiert werden soll!", "");
				if ( x && y != true) {
					alert("Sie haben leider keine Kommazahlen eingeben, versuchen Sie es erneut!");
					} else  {
					document.write(parseFloat(x) + parseFloat(y) );
					}
	</script>			
	</body>
</html>

Coder Forum