[JavaScript] Problem beim Tasten abfragen?

Fragen zu allen anderen Programmiersprachen.
netzcoder
Beiträge: 275
Registriert: 27.08.2009 14:14
Computerausstattung: Intel Quad Core 2.5 GHz; 8GB DDR2 RAM; NVIDIA GeForce GT 130 mit 1500 MB; 2TB HDD;
Kontaktdaten:

[JavaScript] Problem beim Tasten abfragen?

Beitrag von netzcoder »

Hallo, ich habe ein kleines Problem...
Ich wollte mal ein JavaScript Game machen jedoch benötige ich dazu ja einige einfache Grundlagen... So wollte ich z.B. die Tastaturabfrage erstmal machen etc...

Hier ist mein Code:

Code: Alles auswählen

<html><head><title>Test</title>
<script type="text/javascript">
function Tastendruck (Ereignis) {
  if (!Ereignis)
    Ereignis = window.event;
  if ( String.fromCharCode(Ereignis.keyCode) == "w" )
  {
  var parseInt(y)-10;
  }
  else if ( String.fromCharCode(Ereignis.keyCode) == "s" )
  {
  var parseInt(y)+10;
  }
  else if ( String.fromCharCode(Ereignis.keyCode) == "a" )
  {
  var parseInt(x)-10;
  }
  else if ( String.fromCharCode(Ereignis.keyCode) == "d" )
  {
  var parseInt(x)+10;
  }
  element=document.getElementById("test");
  var element.left = parseInt(x);
  var element.button = parseInt(y);
  }
document.onkeypress = Tastendruck;
</script>
</head><body>
<img src="main.jpg" id="test" position:absolute; top=0px; left=0px;>
</body></html>

Eigentlich will ich ja das sich das Bild bewegt aber das passiert nicht...
Danke für eure Hilfe

Euer netzcoder
PB 4.40 Final Full Version
Benutzeravatar
STARGÅTE
Kommando SG1
Beiträge: 7031
Registriert: 01.11.2005 13:34
Wohnort: Glienicke
Kontaktdaten:

Re: [JavaScript] Problem beim Tasten abfragen?

Beitrag von STARGÅTE »

Zuerst mal ist der HTML_Code schon falsch:

Code: Alles auswählen

<img src="main.jpg" id="test" position:absolute; top=0px; left=0px;>
da fehlt style=""

Code: Alles auswählen

<img src="main.jpg" id="test" style="position:absolute; top=0px; left=0px;">
und dann musst du auch bei JS style nehmen.

UNd dann sind meiner meinung nach die Vars völlig falsch gesetzt :

Hier mal meine Variante:

Code: Alles auswählen


<html><head><title>Test</title>
<script type="text/javascript">
function Tastendruck (Ereignis) {
  var x = parseInt(document.getElementById("test").style.left);
  var y = parseInt(document.getElementById("test").style.top);
  if (!Ereignis)
    Ereignis = window.event;
  if ( String.fromCharCode(Ereignis.keyCode) == "w" )
    y-=10;
  else if ( String.fromCharCode(Ereignis.keyCode) == "s" )
    y+=10;
  else if ( String.fromCharCode(Ereignis.keyCode) == "a" )
    x-=10;
  else if ( String.fromCharCode(Ereignis.keyCode) == "d" )
    x+=10;
  document.getElementById("test").style.left = x+"px";
  document.getElementById("test").style.top = y+"px";
  }
document.onkeypress = Tastendruck;
</script>
</head><body>
<img src="main.jpg" id="test" style="position:absolute; top=0px; left=0px;">
</body></html>
PB 6.01 ― Win 10, 21H2 ― Ryzen 9 3900X, 32 GB ― NVIDIA GeForce RTX 3080 ― Vivaldi 6.0 ― www.unionbytes.de
Aktuelles Projekt: Lizard - Skriptsprache für symbolische Berechnungen und mehr
netzcoder
Beiträge: 275
Registriert: 27.08.2009 14:14
Computerausstattung: Intel Quad Core 2.5 GHz; 8GB DDR2 RAM; NVIDIA GeForce GT 130 mit 1500 MB; 2TB HDD;
Kontaktdaten:

Re: [JavaScript] Problem beim Tasten abfragen?

Beitrag von netzcoder »

Also du hast sicherlich recht jedoch funktioniert deine Version bei mir nicht...
Getestet unter:

Win7 x64
Browser: Google Chrome, Firefox (aktuellsten Versionen)
Euer netzcoder
PB 4.40 Final Full Version
Benutzeravatar
STARGÅTE
Kommando SG1
Beiträge: 7031
Registriert: 01.11.2005 13:34
Wohnort: Glienicke
Kontaktdaten:

Re: [JavaScript] Problem beim Tasten abfragen?

Beitrag von STARGÅTE »

hmm und deine haut bei mir n menge Fehler rein ...
IE 8 ...

Aber auf jedenfall mus bei .left noch ein .style.left hin
PB 6.01 ― Win 10, 21H2 ― Ryzen 9 3900X, 32 GB ― NVIDIA GeForce RTX 3080 ― Vivaldi 6.0 ― www.unionbytes.de
Aktuelles Projekt: Lizard - Skriptsprache für symbolische Berechnungen und mehr
Benutzeravatar
bobobo
jaAdmin
Beiträge: 3873
Registriert: 13.09.2004 17:48
Kontaktdaten:

Re: [JavaScript] Problem beim Tasten abfragen?

Beitrag von bobobo »

@netzcoder kennste jquery ?
zumindest für ein schnelles ergebnis wäre das sicher gut nutzbar
(um javascript zu lernen eventuell nicht so sehr, aber dann vielleicht eben gerade doch (*))

1. ist da alles drin was du brauchst
und 2. ist das etwas komplex
und 3. unterstützt das viele browser
und 4. nimmt es dir arbeit ab
und 5, funktioniert es sobald du das ding im griff hast
und 6. kostet es nix.
http://jquery.com/

(*) das jquery-dings ist schließlich lesbar und hilft dir sicher gut auf die sprünge, was
javascripting angeht.
‮pb aktuel 6.2 windoof aktuell und sowas von 10
Ich hab Tinnitus im Auge. Ich seh nur Pfeifen.
Antworten