Warum funktioniert dieser JavaScript / Html Code nicht wie gewünscht?

Ich würde gerne ein Programm zum berechnen für Kosten in eine html einbinden...

ich habe dieses Programm in python geschrieben und würde es gerne in JavaScript umwandeln... Jedoch funktioniert dies nicht wie gewünscht...

Hier der html Code:

<html>
 <head>
  <title>
   Rechenprogramm
  </title>
  <link rel="stylesheet" type="text/css" href="PS-VR.css">
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="Rechenprogramm.js"></script>
 </head>
  <body>
   <form>
    <input type="text" name="Geld" id="Geld" />
     <button type="button" onclick="alertInputValue()">
      Los!
     </button>
    </input>
   </form>
   <input id="resultField">
   </input>

Und hier der JavaScript Code:

var Kosten = 320
function alertInputValue()
 {Geld = document.getElementById('Geld').value;}
<input type="text" name="Geld" id="Geld" />
    <button type="button" onclick="alertInputValue()">
     Weiter
    </button>
var MonatezuSommer = 0
document.getElementById("output").innerText = "Dir fehlen noch " + (Kosten - Geld) + " Euro"; // if insert only plain text
document.getElementById("resultField").value = "Hello";

Könnte mir jemand erklären, warum das nicht funktionert ?

LG Simon

Computer, HTML, Webseite, programmieren, JavaScript, Fehlersuche, HTML-Editor
3 Antworten
Warum klappt mein Burgermenu nicht auf?

Moin alle zusammen. Kann mir jemand erklären was an meinem JS falsch ist. eigentlich müsste oben ein grauer Balken erscheinen.

Liebe Grüße und besten Dank

HTML

<div id="container">
    <header>
      <img id="logo_header" src="../objects/logo.jpg" />
      <div class="burger_icon" onclick="myFunction(this)">
        <div class="bar1"></div>
        <div class="bar2"></div>
        <div class="bar3"></div>
      </div>
      <script>
         
      </script>
      <nav class="menu">
<a class="option" href="/de/">start</a>
<a class="option" href="/de/projekte.html">projekte</a>
<a class="option" href="/de/vlog.html">vlog</a>
<a class="option" href="/de/kontakt.html">kontakt</a>
      </nav>
      <script>
         function myFunction(x) {
         x.classList.toggle("change");
        }
         
        var acc = document.getElementsByClassName("burger_icon");
        var i;
        for (i = 0; i < acc.length; i++) {
         acc[i].addEventListener("click", function() {
          this.classList.toggle("active");
          var menu = this.nextElementSibling;
          if (menu.style.display === "none") {
           menu.style.display = "block";
          } else {
           menu.style.display = "block";
          }
         });
        }
      </script>
    </header>

CSS

@charset "UTF-8";
/SCHRIFTEN/
a {
  text-decoration: none;
}
a:visited {
  color: #000000;
}
a:link {
  color: #000000;
}
p {
  margin: 0px 0px 50px 0px;
  font-size: 0.85em;
  line-height: 1.25em;
  text-align: justify;
}

/GRUNDGERÜST/
html {
}
body {
  background-color: #FCFCFC;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
#container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-bottom-width: 0px;
  padding: 0 0 0 0;
  background-color: #FCFCFC;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}

/HEADER/
#header {
  z-index: 1;
  background-color: #FCFCFC;
  width: 100%;
}
#logo_header {
  float: left;
}
.burger_icon {
  display: inline-block;
  cursor: pointer;
  float: right;
  margin: 17px 17px 0px 0px;
}
.bar1, .bar2, .bar3 {
 width: 35px;
 height: 5px;
 background-color: #000000;
 margin: 6px 0;
 transition: 0.4s;
}
.change .bar1 {
 -webkit-transform: rotate(-45deg) translate(-9px, 6px);
 transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
 -webkit-transform: rotate(45deg) translate(-8px, -8px);
 transform: rotate(45deg) translate(-8px, -8px);
}
#logo_header {
  width: 65px;
  margin: 5px 0px 0px 14px;
}
.menu {
  display: none;
  background-color: #000000;
  opacity: 0.6;
  overflow: hidden;
}
HTML, CSS, JavaScript
2 Antworten
Discord.js Herausfinden ob User in einen Voice Channel ist / Musik in Channels Spielen?

Hallo, ich versuche grade einen Bot zu Programmieren, der herausfindet ob ein User in einem Channel ist und dann direkt reagiert.

Was soll er machen:

  • Erkennen, ob ein User in einem Channel ist
  • -> Wenn ja: In einen Channel gehen und Musik spielen

Was ich bis jetzt als Code habe. Leider geht dieser nicht und ich frage mich, ob es auch anders bzw. einfacher geht:

client.on('voiceStateUpdate', (newmember)=> {
    let newvoice = newmember.voiceChannel;
    // let warteChannel = member.voiceChannel.get(channel[ServiceWorkerRegistration.id][warteChannel]);
        if (newvoice === 54478085972XXX) {
        let annChannel = client.guilds.voiceChannel.get(54493151978XXXXXX);
        annChttps://www.youtube.com/XXX);44XXXXXXX, https://www.youtube.com/XXX);
        };
});

Hier zu sagen ist, dass annChannel der Channel ist, in den der Bot gehen soll und warteChannel der Channel ist, in dem der Bot User finden soll, also testen soll, ob in diesem Channel User sind.

Aktuell, wenn man diesen Code nun laufen lässt, gibt es keine Fehlermeldung, aber es passiert leider auch nichts.

Ich würde sehr freuen, wenn mir einer Erklären könnte, wie man einfach nun herausfinden kann in JAVASCRIPT, ob ein User in einem Voice Channel ist und wie man einfach einen Bot ein YouTube Video abspielen lässt.

Danke schon einmal im Voraus. PartyGamerXXL

Computer, programmieren, JavaScript, Discord Server, Discord Bot
0 Antworten
Java Hamster-Simulator Error: "Sorry, an internal error occurred"?

Hi Leute,

wir haben letztens im Informatikunterricht mit dem Hamster-Simulator angefangen zu arbeiten. Ich wollte dann zu Hause damit weitermachen, bekomme aber diesen Fehler, wenn ich versuche, diesen zu starten:

Sorry, an internal error occurred!
java.lang.reflect.InvocationTargetException
at java.desktop/java.awt.EventQueue.invokeAndWait(EventQueue.java:1367)
at java.desktop/java.awt.EventQueue.invokeAndWait(EventQueue.java:1342)
at listener.Application.main(Application.java:61)
at listener.SimulatorApplication.main(SimulatorApplication.java:15)
Caused by: java.lang.NoClassDefFoundError: sun/audio/AudioStream
at model.Play.<init>(Play.java:141)
at listener.Application.openPlay(Application.java:156)
at listener.MainThread.run(Application.java:318)
at java.desktop/java.awt.event.InvocationEvent.dispatch(InvocationEvent.java:303)
at java.desktop/java.awt.EventQueue.dispatchEventImpl(EventQueue.java:770)
at java.desktop/java.awt.EventQueue$4.run(EventQueue.java:721)
at java.desktop/java.awt.EventQueue$4.run(EventQueue.java:715)
at java.base/java.security.AccessController.doPrivileged(Native Method)
at java.base/java.security.ProtectionDomain$JavaSecurityAccessImpl.doIntersectionPrivilege(ProtectionDomain.java:85)
at java.desktop/java.awt.EventQueue.dispatchEvent(EventQueue.java:740)
at java.desktop/java.awt.EventDispatchThread.pumpOneEventForFilters(EventDispatchThread.java:203)
at java.desktop/java.awt.EventDispatchThread.pumpEventsForFilter(EventDispatchThread.java:124)
at java.desktop/java.awt.EventDispatchThread.pumpEventsForHierarchy(EventDispatchThread.java:113)
at java.desktop/java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:109)
at java.desktop/java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:101)
at java.desktop/java.awt.EventDispatchThread.run(EventDispatchThread.java:90)
Caused by: java.lang.ClassNotFoundException: sun.audio.AudioStream
at java.base/jdk.internal.loader.BuiltinClassLoader.loadClass(BuiltinClassLoader.java:583)
at java.base/jdk.internal.loader.ClassLoaders$AppClassLoader.loadClass(ClassLoaders.java:178)
at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:521)
... 16 more

Ich habe das Java SE DK 11.0.2 in der 64 Bit Version installiert.

Danke im Voraus.

PC, programmieren, Java, JavaScript
1 Antwort
Wie schaffe ich es, dass das "Nicht-Sicher" in Chrome weg geht?

Wie schaffe ich es, dass das "Nicht-Sicher" in Chrome weg geht und meine Scripte direkt vollständig geladen werden?

Live-Ansicht: www._______.com

Ihr müsst für die Entwickler Ansicht STRG + SHIFT + I drücken, da ich das Menü deaktiviert habe.

Aktueller Code:

 <html lang="en" oncontextmenu="return false;">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
  <link href="style.css" type="text/css" rel="stylesheet">
  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
  <script type="text/javascript" src="js/jquery.cookie.js"></script>  <script type="text/javascript">  $(document).ready(function() {  $('body header a').click( function() {   var text = $(this).text();   $("#main").load(text + ".html");  }); });  </script>
<!-- Das ist das aktuelle Script (für Gutefrage.net und Foren)-->     <script type="text/javascript"> $(document).ready(function(){ $('#close1').click(function() {  $('#warn1').slideUp(); }); }); </script>
  <title>TheLegalGroup</title> </head>
 <body>  <header>   <a href="#home" class="button" id="m_home">Home</a>   <a href="#apply" class="button" id="m_apply">Apply</a>   <a href="#map" class="button" id="m_map">Map</a>   <a href="#news" class="button" id="m_news">News</a> </header>  <div id="warn1">   <a id="close1">×</a>   <p>This website is in beta status!</p>
  </div>  <div id="warn2">
  </div>  <div id="main">   <a id="share" href="https://api.whatsapp.com/send?text=https://thelegalgroup.netlify.com/">...</a>
   <p>This is an example</p>  </div>  </body>
</html>
Computer, Webseite, JavaScript, Code, SSL, ETS2
4 Antworten
Fehlermeldung Javascript?

Hallo Leute ich bin dabei eine Website mit Hilfe von ZingGrid zu entwerfen, jedoch erscheint mir bei einer ganz einfachen Sache eine Fehlermeldung und ich verstehe nicht warum.

Hier die Stelle mit dem Fehler:

Und hier die Fehlermeldung:

Und hier nur zur Info, mein komplettes Script(ohne HTML-Teil):

<!DOCTYPE html>
<script >
	
  window.onload = () => { 
  const menuItem = document.querySelector('zg-menuitem[role="exportSelection"]');
  // global reference to zing-grid on page
  const zgRef = document.querySelector('zing-grid');
  var data = [];
  var dataKeys = [];






  // Parse local CSV file
  Papahttps://raw.githubusercontent.com/fivethirtyeight/data/master/bechdel/movies.csvvies.csv', {
    download: true, // url to retrieve CSV file
    complete: function(results) {
      console.log("Finished:", results);


      // if results came in correctly
      if (results && results.data) {


        // lets push the results into our new array
        // new format
        for(var i=1; i < results.data.length; i++) {
          data.push(results.data[i]);
          // render first page now
          if(i === 15) zgRef.setData(data);
        }
        // render rest of data after first page
        setTimeout(function() {zgRef.setData(data)}, 500);
      } 


      // we could also just delete the first index
      // which contains the header information
    }
  });








  // register event listener for grid selection
  var csvData = null;
  zgRef.addEventListener('grid:select', function(e) {
    const data = e.detail.ZGData.data;
    csvData = Papa.unparse(data);
    console.log('--- exporting selected data ----', data, csvData);
  });








  // function for exporting csv
  function _exportDataToCSV() {
    const data = zgRef.getData();
    const csvData = Papa.unparse(data);
    console.log('--- exporting data ----', data, csvData);
    _downloadCSV('export-all.csv', csvData);
  }






  // use built in anchor tag functionality to download the csv through a blob
  function _downloadCSV(fileName, data) {
    const aRef = document.querySelector('#downloadAnchor');
    var json = JSON.stringify(data),
        blob = new Blob([data], {type: "octet/stream"}),
        url = window.URL.createObjectURL(blob);
    aRef.href = url;
    aRef.download = fileName;
    aRef.click();
    window.URL.revokeObjectURL(url);
  }


  menuItem.addEventListener('click' ,function(e) {
    console.log('--- native menuitem click ---', e);
    if (csvData)_downloadCSV('selection.csv', csvData);
    else alert('You Waited too long to export. Please Select again.')
  });
  
}
</script>
Computer, HTML, programmieren, CSS, JavaScript, Programmierung, Error
4 Antworten
Wie fixe ich diesen JavaScript Fehler?

Hallo Community,

Ich habe so einen kleinen Video Player in HTML, CSS und JS geschrieben. Den Quelltext könnt ihr hier herunterladen: https://mega.nz/#!WeQURQyK!-nHBwfB0VbM8Ic4pCfC_l-7_iv9Bga7-o2983zPJX1I

HTML

<div class="player">
 <div class="main-video">
 <video class="video" src="video.mp4"></video>
 <div class="controls">
  <div class="grey-bar">
	 <div class="blue-spotpointer"></div>
  </div>
  <div class="buttons">
	 <button onclick="playOrPause();" id="play-pause"></button>
  </div>
 </div>
 </div>
</div>

Javascript:

window.onload = function() {
 var video = document.getElementsByClassName("video");
 var spotPointer = document.querySelector(".blue-spotpointer");
 var playPause = document.getElementById("play-pause");
}

function playOrPause() {
 if(video.paused) {
  playPause.className = "pause";
  video.play();
 } else {
  playPause.className = "play";
  video.pause();
 }
}

Wenn ich die Seite jetzt im Browser öffne und auf den Play-Button drücke, gibt er mir folgenden Fehler zurück (also in der JS-Konsole):

  Uncaught ReferenceError: video is not defined
  at playOrPause (player.js:8)
  at HTMLButtonElement.onclick (player.html:19)

Ich habe schon gegoogelt, und es sieht so aus als ob viele diesen Fehler schon hatten, aber ich habe trotzdem keine Lösung gefunden. Ich hoffe einer von euch kann mir helfen

Danke im Vorraus

Computer, HTML, programmieren, CSS, JavaScript, Bug
5 Antworten
Wie kann ich die Höhe eines HTML Elementes bestimmen?

Hey, ich habe mir Gestern eine Vorlage für einen Flexslider heruntergeladen und auf meiner Webseite integriert. Mit viel Hilfe habe ich es geschafft. Jedoch gibt es nun Probleme mit der Grösse http://projektarbeit-webseite.de/. Jetzt möchte ich die Grösse dieses Sliders ändern und verstehe den Code der Vorlage nicht wirklich (Vorlage: http://flexslider.woothemes.com/).

Die Grösse sollte ca 1000px breit sein und 500px hoch (wenn möglich)

Die Wichtigen HTML Teile:

<link href="design.css" rel="stylesheet">
<link rel="stylesheet" href="flexslider.css" type="text/css" media="screen" />
<div class="flexslider"> <ul class="slides">  <li>   <img alt="some slide" src="slide1.png" width="500" height="500">  </li>  <li>   <img alt="some slide" src="slide1.png" width="500" height="500">  </li>  <li>   <img alt="some slide" src="slide1.png" width="500" height="500">  </li>  <li>   <img alt="some slide" src="slide1.png" width="500" height="500">  </li> </ul> </div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="jquery.flexslider-min.js"></script> <script src="javascript.js"></script>

Mein CSS Code:

body {
background-image: url("http://projektarbeit-webseite.de/Unbenannt.png");
background-size: 100%;
margin: 0pt;
}
.title { font-size: 35pt; font-family: Stencil; color: black; text-align: center; background-color: #81DAF5; background-size: 2000px; height: 80px; display: flex; align-items: center; justify-content: center; }


.navigation { background-color: white; font-size: 25px; text-align: center; height: 80px; display: flex; align-items: center; justify-content: center; }


.t { color: gray; font-size: 35px; font-weight: bold; text-align: center; }


a:link, a:active, a:visited { color: gray; }


a:hover { color: black; }

hr {
width: 100%;
border: 0;
height: 5pt;
background-color: #CEECF5;
}

Code der Vorlage:

http://projektarbeit-webseite.de/flexslider.css

Javascript der Vorlage:

$(window).load(function() {
 $('.flexslider').flexslider({
  animation: "slide"
 });
})
Internet, Software, Website, HTML, IT, programmieren, CSS, Wordpress, JavaScript, slider, Woocommerce
4 Antworten
Spectre exploit mit Javascript?

Es wurde verschiedentlich behauptet dass mit Hilfe von Javascript auf Speicherinhalte fremder Prozesse zugegriffen werden kann (unter Ausnutzung spekulativer Ausführung und einem Timer). Die Browserhersteller haben das Thema immerhin so ernst genommen, dass Updates veröffentlicht wurden.

https://www.golem.de/news/spectre-und-meltdown-browserhersteller-patchen-gegen-sidechannel-angriff-1801-131972.html

Die üblichen Exploits für Spectre/Meltdown setzen voraus, dass der Schadcode vorher irgendwie auf den Rechner gelangt, eine Sicherheitshuerde wurde demnach schon überwunden. Daher ist die Javascript Variante etwas brisanter, weil die Infektion auch ohne einen Einbruch in das System zumindest in der Theorie denkbar ist und auch Virenscanner können nur Code abfangen, den sie bereits kennen.

Die wenigen Beispiele, die ich dazu gefunden habe, sehen ähnlich aus wie das hier:

https://www.reddit.com/r/javascript/comments/7ob6a2/spectre_and_meltdown_exploit_javascript_example/

Davon abgesehen, dass es sich um ein höchst unvollständiges Codegerüst handelt, habe ich das Problem, das es sich bei JS um einen Interpreter handelt. Die Branch Prediction würde sich daher aus meiner Sicht bereits am Interpreter abarbeiten und wohl nie bis auf den eigentlichen Schadcode durchdringen. Nebenbei handelt es sich bei JS Arrays um Objekte, nicht um durchgängigen Speicher. Für den zweiten Schritt, wie man mit Hilfe eines Timers die Cache Segmente gezielt testen soll, fehlt mir dann auch bereits jeder Ansatz und möglicherweise auch das KnowHow.

Handelt es sich also nur um ein Märchen das durch die Presse geistert? Den Nachweis kann man im Grunde nur postiv erbringen. Nur weil ich ein Problem nicht erkenne, heisst das natürlich nicht, dass es keines gibt. Gibt es erfolgreiche Experimente mit diesem Exploit?

JavaScript, Malware, Exploit, Spectre
2 Antworten

Meistgelesene Fragen zum Thema JavaScript

JavaScript - Neue und gute Antworten