Hallo kann mir jemand einen guten PC bei Dubaro empfehlen?

https://www.dubaro.de/

Hallo, ich behersche Html und Css, jedoch bräuchte ich noch etwas, und zwar so, dass ich jemandem einen Kundenbereich geben kann. Also sodass die Kunden ein neuen Div hinzufügen können, da ich keine komplexen Webseiten anbiete reicht das, also nur so, dass sie neue Divs hinzufügen und die anderen Divs bearbeiten können. Wie würde ich sowas machen können mit welchem Programmiersprachen oder gibt es vielleicht APIs für sowas. Ich hoffe ich habe es einigermaßen erklären können.

Hallo alle zusammen,

kann man irgendwie mit einfachen mitteln etwas programmieren, welches automatisch eine Website immer wieder neu laden lässt mit einer neuen IP-Adresse?

Das ununterbrochen automatisch, danke für eure Hilfe und wenn ja wie?

Hallo,
weiß jemand wie man Bilder spiegelt ohne rotate methode?

Hallo,

Ich erstelle zurzeit mit Wordpress und Elementor eine Webseite.

Jedoch habe ich das Problem, dass mir die Textinhalte auf der Mobilgeräteansicht meiner Webseite fehlerhaft angezeigt werden (siehe Fotos).

Hat Ihr eine Idee, wie man das Problem lösen kann?

Hallo, ich versuche gerade ein bisschen programmieren zu lernen, bin noch sehr am anfangen. Ich hab mit Visual Studios Code einen Code erstellt, der eine Überschrift und Text beinhaltetet. ( hab ein YouTube Video dazu geguckt und zudem den gleichen Code einmal von ChatGPT erstellen lassen). Allerdings immer wenn ich das Produkt in den Browser ziehe kommt nur eine leere weiße Seite als wäre es leer. Woran könnte es liegen und wie kann ich es lösen??
Danke für die Hilfe

bin noch sehr am Anfang sorry

Hallo!

Ich gehe zurzeit ins Gymnasium in der Schweiz und will danach direkt mit einem Informatik Studium anfangen. Ich mag es am PC zu hocken und Dinge zu lernen, kann mittlerweile auch gut mit programmen wie After Effects und Premiere pro umgehen aber natürlich nicht professionell, kann einfache Dinge damit anrichten. Nun, ich möchte jetzt etwas ernster rangehen und Programmieren lernen damit ich es später leicht habe überall durchzukommen und damit zu verdienen. Ich hatte mal vor jeden Samstag nen kleinen Nebenjob zu machen für Geld, jedoch hatte ich da auch die Idee statt zu arbeiten vielleicht meine Zeit in einem Kurs zu verbringen? Ich nehme mir dann Zeit weils etwas ernstes ist, nicht so wie jz Videos Schneiden wo ich das einfach mal so mir mit youtube beibringen wollte.

Wollte dann auch Fragen mit welcher Programmiersprache es schlau wäre anzufangen? Ich find App Entwicklen attraktiv, habe gesehen das da Dart/Flutter gut wären.

Wäre dankbar für jegliche Hilfe bei meinem Anliegen!

Hii,

bin gerade dabei mit vanilla js, css, html ein game zu entwickeln. So sieht es bis jetzt aus:

Wie kann ich machen, dass das Bild nach unten im Element gestreckt wird, statt doppelt gezeichnet. Mein css (unfertig) sieht so aus:

Mfg Weißbrot

Guten Tag,

kennt ihr gute kostenlose Website-Baukästen, mit denen man etwas anfangen kann? Ich möchte eine möglichst optisch ansprechende Website erstellen, habe aber nicht viel Ahnung davon.

Eine frage an die Programmierer, nutzt ihr AI Tools wie ChatGPT, Flux oder Bard um euren code zu debuggen?

Oder versucht ihr den Fehler selbst zu identifizieren, weil ihr euch es damit besser einprägen könnt?

wie kann ich die 4 Bilder wie folgt anordnen?

ich code noch nicht so lange, doch hier der code den ich bis jetzt habe. Also bitte nicht auslachen ^^

CSS:

    /* Dienstleistungen*/

    .dienstleistungen{

      justify-content: center;

      width: 75%;      

    }

    .mofa-zündung-service{

      height: 50%;

      width: auto;

    }

    .mofa-getriebe-revisionen{

     height: 25%;

     width: auto;

     align-self: top;

    }

    .mofa-vergaser-tuning{

      height: 25%;

      width: auto;

      align-self: top;

    }

    .mofa-kolben-ersatzteile{

      height: 25%;

      width: 50%;

    }

    /*!Dienstleistungen*/

HTML:

    <h3>Dienstleistungen</h3>

    <div class="Dienstleistungen">

        <li><a href="#">Service</a></li>

        <li><a href="#">Revisionen</a></li>

        <li><a href="#">Tuning</a></li>

        <li><a href="#">Ersatzteile</a></li>

        <div class="bilder_dienstleistungen">

            <img src="Bilder/zündung.jpg" alt="zündung" class="mofa-zündung-service">

            <img src="Bilder/mofa-getriebe.png" alt="getriebe" class="mofa-getriebe-revisionen">

            <img src="Bilder/vergaser 2.png" alt="vergaser" class="mofa-vergaser-tuning">

            <img src="Bilder/kolben.png" alt="kolben"   class="mofa-kolben-ersatzteile">

        </div>

    </div>

so sieht es bis jetzt aus:

Ich verstehe vor allem nicht wie ich die Bilder untereinander und gleichzeitig neben einem anderen Bild anordnen kann. (kolben)

So billig wie möglich.

Hallo welche Sachen muss man beachten wenn man eine eigene Internetseite bzw. Webseite erstellen bzw. betreiben will.

Muss man ein impressum machen?
Und was noch?
Und muss man immer ein Impresum haben?

Ich möchte entweder C# oder Javascript lernen.

C# programmieren finde ich persönlich viel interessanter als Javascript aber ich weiß, dass mir Javascript mehr bringen würde, wenn ich mich da vertiefe.

Was soll ich also lernen?

Es gibt Dart-Flutter, C#-Blazor soweit ich weiß, aber ich nehme an, es ist nur JavaScript unter der Haube.

Ähnlich wie, wenn man React Native Code schreibt, wird es in die native mobile Sprache umgewandelt => Kotlin, Swift etc..

Weil soweit ich weiß, versteht der Browser nichts anderes als HTML, CSS und JavaScript.

Es gibt da nur die V8-Engine / andere JavaScript-Engines.

Aber warum?

Wieso ist es nicht theoretisch möglich, einfach mit einer neuen Sprache die für cross platform entwickelt wurde, einen onclick-Event Listener zu nutzen?

In einer ganz eigenen Engine.

Heißt nicht, das sie JavaScript irgendetwas die nächsten 5 Jahre streitig machen könnte, aber wenn diese Sprache direkt Typisierung unterstützen würde, ohne TypeScript und auch noch für andere Dinge besser geeignet wäre als JavaScript (wurde halt nicht dafür designed, ganz egal ob Electron, Native existiert) wie Desktopanwendungen, Mobil, etc..

PHP nehme ich erst garnicht auf, das macht alleine gar nichts im Frontend, ist eine Backendsprache und alleine sinnlos auf Websites, bis auf bisschen HTML generieren, das auch nur vom Server kommt.

Klar, wenn du ewig lange Weiterleitungen willst, die furchtbar sind und überhaupt nicht interaktive Websites, dich auf Formulare beschränkst, dann kriegst du das auch ohne JavaScript hin, etwas Schreckliches zu programmieren.

Mit WebAssembly kenne ich mich gar nicht aus. Ob da Event Listener, usw. möglich sind. Aber alleine von der Einstiegshürde und Komplexität die ich höre, ist das keine Alternative.

Assembly ist auch keine Alternative zu C++. Dafür gibt es Rust.

Moin,

kann mir jemand Parameter genauer erklären?

let Summe = Funktion ( a + b )

{ 19 + 22}

Da sollte jetzt 41 in der Konsole rauskommen.

let Summe = Funktion ( name + alter ){ 19 + 22}

Da kommt nun wahrscheinlich auch wieder 41 in der Konsole aus.

Für was nutzen wir also jetzt die Parameter?

Mein Ziel ist es mit html und CSS eine stabile Test Seite zu erstellen (Später kommt Js dazu) um dann eine richtige Seite zu bauen

html:

<!DOCTYPE html>

<html lang="de">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link rel="stylesheet" href="style.css">

<!-- Load an icon library -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<div class="navbar">

<a class="active" href="#"><i class="fa fa-fw fa-home"></i> Home</a>

<a href="#"><i class="fa fa-fw fa-search"></i> Search</a>

<a href="#"><i class="fa fa-fw fa-envelope"></i> Contact</a>

<a href="#"><i class="fa fa-fw fa-user"></i> Login</a>

</div>

</head>

<body>

<Header>

</Header>

<div class="input">

<main>

<form action="" method="post">

<h2>Anmeldung</h2>

<h3>Login</h3>

<input type="email" name="Email" placeholder="Email hier eingeben" required="@" id=""> <br>

<input type="text" name="Benutzer" placeholder="Benutzer hier eingeben" required="A-z" > <br>

<input type="password" name="passwort" placeholder="password hier eingeben " id=""> <br>

<input type="submit" value="Anmelden">

<input type="reset" value="reset">

</form>

</div>

<hr>

<a href="#">Impressum</a>

<a href="#">kontakt</a>

<a href="#">Über uns</a>

</main>

<footer>

</footer>

</body>

</html>

css:

body {

font-family: Arial, Helvetica, sans-serif;

color: white;

}

body{

background-color: white;

}

.input {

display: flex;

margin: 150px;

margin-top: 3000px;

flex-direction: column;

justify-content: center;

align-items: center;

box-shadow: 1px 1px 3px 3px black;

border-radius: 30px;

height: 30px;

width: 100px;

padding: 100px;

}

h3{

color: black ;

}

)

a{

font-family: Arial, Helvetica, sans-serif;

display: flex;

justify-content: center;

align-items: center;

}

a:hover{

color: green;

text-decoration-line: none;

}

input{

padding: 5px;

border-radius: 10px;

}

input[type="submit"] {

font-size: 1.0em; padding: 1px 6px;

font-family: Roboto, sans-serif;

font-weight: 100;

color: teal;

border: 1px solid silver;

background-image: linear-gradient(to top, gainsboro 0%, white 90%);

border-radius: 20px;

}

input[type="reset"] {

font-size: 1.0em; padding: 1px 6px;

font-family: Roboto, sans-serif;

font-weight: 100;

color: teal;

border: 1px solid silver;

background-image: linear-gradient(to top, gainsboro 0%, white 90%);

border-radius: 20px;

}

#main {margin: 0 auto; width: 25%;}

.input {margin: 0 auto; width: 25%;}

input:hover {

color: blue;

}

/* Style the navigation bar */

.navbar {

width: 100%;

background-color: #555;

overflow: auto;

}

/* Navbar links */

.navbar a {

float: left;

text-align: center;

padding: 12px;

color: white;

text-decoration: none;

font-size: 17px;

}

/* Navbar links on mouse-over */

.navbar a:hover {

background-color: #000;

}

/* Current/active navbar link */

.active {

background-color: #04AA6D;

}

/* Add responsiveness - will automatically display the navbar vertically instead of horizontally on screens less than 500 pixels */

@media screen and (max-width: 500px) {

.navbar a {

float: none;

display: block;

}

}

Dieser Bot meinte, dass wir Menschen zur der Kategorie Naturskatastrophe gehören.

Bin Anfänger in HTML, CSS und JavaScript

Nutze VS-Code

Nutze hier den strengen Modus per 'use strict'

"Der stenge Modus erzwingt eine genauere und sorgfältigere Programmierung. In diesem strikteren Modus sind z. B. undeklarierte Variablen oder Anweisungen ohne abschließendes Semikolon verboten."

Warum wird mir hier in Zeile 26 kein Fehler anzeigt vom Compiler?
Habe kein Semikolon verwendet?

Nutze VS Code.

In Zeile 27 lege ich eine Konstante mit

const number1 = 5 fest;

In Zeile 28 schreibe ich:
number1 = 7; Warum zeigt mir hier der Compiler nicht automatisch einen Fehler an. Führe ich die Datei aus, wird mir unter F12, Entwicklertools der Fehler angzeigt: Assignment to constant variable.

Wie kriege ich es hin, dass mir solche Fehler gleich in VSCode in der Syntax angezeigt werden? Bestimmte Extension runterladen?

Hallo!

ich wollte fragen, ob es Unterschiede zwischen High Order Function und Callback Function gibt? Außerdem wollte ich fragen, was eine High Order Function ist? Dankeschön im Voraus!

LG

MrOsmo

Hallo,

bei mir klappt Folgendes nicht:

Wenn ich bei "Registration Form" alle inputs ausfülle, dann kommt ein sogenanntes "Kärtchen" mit deinem Avatar raus. Jedes "Kärtchen" enthält einen button "Log out", und wenn man auf den button drückt, dann sollte das "Kärtchen" nur aus HTML gelöscht werden (aber nicht aus Backend Server- Api) und der "logged" sollte im Backend Server auf false gesetzt werde.

Wie kann man das machen? Ich habe schon davor mit fetch gearbeitet, aber so ein Problem kommt bei mir zum ersten Mal (Bin ja noch komplett ein Noob in JavaScript).

HTML-Code:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Registration | Form</title>
  <link rel="stylesheet" href="./CSS/settings.css">
  <link rel="stylesheet" href="./CSS/style.css">
  <link rel="stylesheet" href="./CSS/javascriptStyles.css">
  
  <script defer src="./JavaScript/script.js"></script>
</head>
<body>
  <div class="container">
    <div class="container-two">
    <div class="registration-form">
      <h2 id="heading">● Registration Form ●</h2>
      <div class="forms">
        <input id="emailInput" type="text" placeholder="example@gmail.com">
        <input id="userInput" type="text" placeholder="Username">
        <input id="pictureInput" type="text" placeholder="Picture">
        <button id="createButton">Create Account</button>
      </div>
      <p id="signInText">Already have an account? <a href="../PageTwo/index.html" id="aText">Sign in</a></p>
    </div>
    </div>
  </div>


  <div id="registerList">
  </div>
</body>
</html>

JavaScript-Code:

const registerList = document.getElementById("registerList")


const forms = document.getElementById("forms")
const email = document.getElementById("emailInput")
const user = document.getElementById("userInput")
const picture = document.getElementById("pictureInput")


const createButton = document.getElementById("createButton")


const url = "https://crudcrud.com/api/dac4c32dac5c4861a46ad8aee63df14c/todos"



const dataRender = (posts) => {
if (posts === undefined) {
  console.log("Loading...");
}
  else{
    let dataList = posts.map((post) => {
    return `
    <div class="register-container">
    <div class="inner-container">
      <img id="registerPicture" src="${post.picture}" alt="${post.user}"> 
      <h2 id="registerUser">${post.user}</h2>
      <h5 id="registerEmail">${post.email}</h5>
      <button onclick=logOutButton("${post._id}") id="registerButton">Log out</button>
    </div>
  </div>
  `
  })
  registerList.innerHTML = dataList.join("")
}
}


//GET METHOD
fetch (url)
.then(response => response.json())
.then (data => dataRender(data))


//POST METHOD
createButton.addEventListener("click", () => {
  fetch(url, {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify({
      user: user.value,
      email: email.value,
      registered: true,
      logged: true
    })
  })
  .then(response => response.json())
  .then(data => {
    const dataArray = []
    dataArray.push(data)
    dataRender(dataArray)
    
    email.value = ""
    user.value = ""
    picture.value = ""


    console.log(`User ${user.value} registered successful!`)
  })
})


//PUT METHOD
const logOutButton = (id) => {
  const data = {
    user: user.value,
    email: email.value,
    registered: true,
    logged: false
  }
  fetch(`${url}/${id}`, {
    method: "PUT",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify(data)
  })
  .then(response => response.json())
  .then(data => { 
    
  })


}

Bitte helft mir! Ich weiss wirklich nicht wie das geht und möchte jetzt auch nicht den ganzen Tag dazu verschwenden! Denn ich habe noch andere Hausaufgaben.. Dankeschön im Voraus!

LG

MrOsmo

Hallo an alle!

Ich habe eine kleine (eher größere) Mission. Ich will eine App entwickeln (mit zugehöriger Website). Da das ganze erst in ca 3 Jahren veröffentlicht werden soll und ich natürlich meine Vorstellungen habe, will ich es am liebsten selbst Programmieren. Aber ich habe aktuell 0 Plan davon! Wo und wie kann ich das alles lernen? Reichen 3 Jahre aus? Grundlegend würde auch ein gewisses Verständnis reichen um zu verstehen was passiert wenn ich da wen bezahle zu Programmieren.

Bin dankbar für alle Tipps und Vorschläge!

Ich möchte gerne meine Karriere in Richtung Software-/Webentwicklung lenken und suche euren Rat.

Zu meiner Person:

• 31 Jahre alt, 6 Jahre Erfahrung im Customer Success Management.
• Selbststudium von Frontend (HTML, CSS/SASS, JavaScript/React) und Backend (Node.js, Express/Mongoose, MongoDB) seit 2 Jahren neben meinem Vollzeit Job.
• Im Bachelor Software Engineering seit September 2023 (nebenberuflich) eingeschrieben.

Mein Problem aktuell ist, dass ich schwer meine Fähigkeiten einschätzen kann (ob die für eine Junior Stelle reichen?). Auch, dadurch, dass ich alleine an Projekten arbeite, fehlen mir etwas die Struktur und die praktischen "Tipps" von erfahreneren Entwickler.

Was ich schon kann: eine einfache Fullstack MERN App mir CRUD Funktionalität zu entwickeln (hosten / version control mit git usw. kann ich auch).

Trotzdem, bekommen ich auf Bewerbungen für für Junior-Positionen in Deutschland trotz vorhandener Portfolio-Webseite keine Antworten.

Könnt Ihr mir Tipps geben bzw. was mache ich falsch?

Danke für eure Hilfe!

Ich habe es mir durch Internettutorials beigebracht, insbesondere durch welche auf YouTube. Ich habe mit vielen Sprachen gleichzeitig (Java, JavaScript, HTML, CSS Tailwind und Python) gestartet, nach etwa einem Jahr konnte ich dann auch schon die ersten bezahlten Aufträge erstellen (zuerst nur eine Website für meine Mutter, dann auch och für andere Leute). Ich hatte auch immer mehrere Projekte gleichzeitig laufen, allerdings habe ich auch immer darauf geachtet, dass ich alle abschließe.

Frage steht ja oben

Meine Situation:

Habe bisschen Erfahrung mit Lua (Roblox Studio), möchte nun aber etwas Sinnvolles machen. Habe begonnen Python zu lernen, finde allerdings keine Engine dafür. Was soll ich tun?

Hallo,

ich würde gerne einen Hover-Effekt erzeugen, wenn man sich mit dem Cursor über einem gewissen Bereich befindet (<Area>). Nun ist es so, dass sich die Bereiche in einem Bild (Bild ist unten) befinden, welches ich mit <map> und <area> in verschiedene Bereiche unterteilt habe (für jeden Agenten ein Bereich).

Ich habe es bis jetzt nur geschafft, dass das ganze Bild einen Hover-Effekt hatte, wenn man mit dem Cursor irgendeinen beliebigen Bereich überquert hat...

Danke schonmal im Voraus!

Und zwar erstelle ich eine kleine Seite mit Steckbriefen über ein paar Tiere.
Mein Problem gerade ist, dass ich im Header 5 links erstellt habe mit einem Bild von einem Tier und den jeweiligen Tiername.
Aber leider wird nur bei dem Elefanten der Tiername über dem Bild angezeigt.Bei allen anderen stehen diese nebeneinander. Warum? Haben alle die gleichen CSS eigenschaften.

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="stylesheet" href="style.css" />
 </head>
 <body>
  <div>
   <header>
    <div class="ganzer-ctn-header">
     <div class="überschrift">
      <h1>Steckbriefe über verschiedene Tierarten</h1>
     </div>
     <div class="tier-ctn">
      <div class="elefant-ctn">
       <a href="elefant.html"><p> Elefant</p> <img src="elefant.png" /></a>
      </div>
      <div class="hase-ctn">
        <a href="hase.html">Hase
          <img src="hase.png" /><a>
      </div>
      <div class="löwe-ctn">
        <a href="löwe.html"> Löwe<img src="loewe.png" /></a>
      </div>
      <div class="affe-ctn">
        <a href="affe.html"> Affe<img src="affe.png" /></a>
      </div>
      <div class="wal-ctn">
         <a href="wal.html">Wal <img src="wal.png" /></a>
      </div>
     </div>
    </div>
   </header>
   <section class="section-eichhörnchen">
  <h2>Eichhörnchen</h2>
  <div>
   <div>
    <h3>Steckbrief Eichhörnchen</h3>
   </div>
   <div class="inhalt-ctn">
    <div class="merkmal">
     Größe
    </div>
 
    <div class="antwort">
     15-20cm
    </div>
   </div>
  
   <div class="inhalt-ctn">
    <div class="merkmal">
     Geschwindigkeit
    </div>
 
    <div class="antwort">
     Bis 25 Km/h
    </div>
   </div>
   <div class="inhalt-ctn">
    <div class="merkmal">
     Gewicht
    </div>
 
    <div class="antwort">
     200-400 g
    </div>
   </div>
   <div class="inhalt-ctn">
    <div class="merkmal">
     Lebensdauer
    </div>
 
    <div class="antwort">
     3 Jahre
    </div>
   </div>
   <div class="inhalt-ctn">
    <div class="merkmal">
     Nahrung
    </div>
 
    <div class="antwort">
     Nüsse, Samen, Eicheln, Pilze, Beeren, Eier
    </div>
   </div>
   <div class="inhalt-ctn">
    <div class="merkmal">
     Feinde
    </div>
 
    <div class="antwort">
     Schlangen, Wiesel, Adler, Habichte
    </div>
   </div>
   <div class="inhalt-ctn">
    <div class="merkmal">
     Verbreitung
    </div>
 
    <div class="antwort">
     Amerika, Europa, Asien
    </div>
   </div>
   <div class="inhalt-ctn">
    <div class="merkmal">
     Lebensraum
    </div>
 
    <div class="antwort">
     Wald
    </div>
   </div>
  </div>
   </section>
  </div>
 </body>
</html>

.inhalt-ctn{
  display: flex;
  
}
body{
  background: linear-gradient(#008000,#7fff00 )
}
 
.merkmal{
  background-color: grey;
  height: 40px;
  width:300px;
}
.section-eichhörnchen{
  margin-left: 200px;
}
.tier-ctn{
display: flex;
justify-content: center;
align-items: center;
}
.elefant-ctn , .wal-ctn, .affe-ctn, .löwe-ctn, .hase-ctn{
margin-left: 70px;
}
.elefant-ctn{
width: 120px;
height: 100px;
background-color: aqua;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
}
.wal-ctn{
  
 
width: 120px;
height: 100px;
background-color: aqua;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
}
.affe-ctn{
  width: 120px;
  height: 100px;
  background-color: aqua;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}
.löwe-ctn{
  width: 120px;
  height: 100px;
  background-color: aqua;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}
.hase-ctn{
  width: 120px;
  height: 100px;
  background-color: aqua;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  flex-direction: column;
}

Hallo,

meine Aufgabe:

wenn ich zum Beispiel bei login: babyshark2 schreibe und bei password: 123, und dann auf "send" drücke, dann werden ja diese Daten und zusätzlich noch isLogin: false auf Backend Server geschickt. Wenn ich aber beim zweiten Mal nochmal diese inputs mit den gleichen Daten ausfülle (babyshark2, 12) und dann aber auf "login" drücke, dann sollte das Programm zwischen alle Loginnamen genau diesen Loginname (babyshark2) finden, und falls das Passwort auch richtig ist, dann sollte das isLogin: auf true gesetzt werden. Aber ich verstehe gar nicht wie ich das weitermachen soll. Bitte helft mir!

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CRUD</title>
  <link rel="stylesheet" href="./style.css">
  <script defer src="./script.js"></script>
</head>
<body>
  <form class="form">
    <input id="loginInput" type="text" placeholder="Login">    
    <input id="passwordInput" type="password" placeholder="Password">    
    <button id="sendButton">Send</button>
    <button id="loginButton">Login</button>
    <p class="p">If you want to delete an Item press the button "Delete" twice to confirm it!</p>


    <div id="userTable"></div>
  </form>
</body>
</html>

JAVASCRIPT IST IN DEN KOMMENTAREN; DA ES HIER NICHT PASST!

MfG

MrOsmo

Hallo,

guckt euch mal meinen Code an.

JAVASCRIPT:

// INPUT
const login = document.getElementById("loginInput");
const password = document.getElementById("passwordInput");
const button = document.getElementById("sendButton");


// FETCH
const url = "https://crudcrud.com/api/4b3acc467d8c47d8a608bb9820171935/todos"



const dataRender = (array) => {
  if (array === undefined) {
    console.log("Loading results...");
  } else {
    let dataList = array.map((item) => {
      return `
      <div class="users">
        <p>${item.login}</p>
        <button onclick="deleteRequest(${item.id})">Delete</button>
        </div>
        `;
    });
    const getHtml = document.getElementById("userTable");
    getHtml.innerHTML = dataList.join("");
  }
};


const fetchData = async () => {
  try {
    const response = await fetch(url);
    const data = await response.json();
    dataRender(data);
  } catch (error) {
    console.error(error);
  }
};



fetchData();


const postRequest = async () => {
  const data = {
    login: login.value,
    password: password.value,
    isLogin: false,
  };


  try {
    const response = await fetch(url, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(data),
    });


    const results = await response.json();
    console.log(results.message);
  } catch (error) {
    console.error(error);
  }


};


button.addEventListener("click", postRequest);


const deleteRequest = async (id) => {
  try {
    const response = await fetch(`${url}/${id}`, {
      method: "DELETE",
      headers: {
        "Content-Type": "application/json",
      }
    })
    const results = await response.json()
    console.log(results.message);
  }
  catch (error) {
    console.error(error);
  }
}

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CRUD</title>
  <script  defer src="./script.js"></script>
</head>
<body>
  <form>
    <input id="loginInput" type="text" placeholder="Login">    
    <input id="passwordInput" type="password" placeholder="Password">    
    <button onclick="" id="sendButton">Send</button>


    <div id="userTable">
      
    </div>
  </form>
</body>
</html>

Mein Ziel:

Wenn ihr auf das button "Send" drückt, dann erscheint ja der value von dem input "login" auf HTML (innerHTML heisst das glaube ich). Und zusammen mit dem value erscheint auch ein anderer Button namens "Delete". Mein Ziel ist es, dass wenn ich auf "Delete" drücke, dann sollte das item aus Backend-Server und aus HTML gelöscht werden. Aber das klappt bei mir die ganze Zeit nicht. Einfacher ist es wenn ihr meinen Code einfügt und selber mal den Code testet, dann werdet ihr verstehen, was ich machen will.

Bitte helft mir! Ich sitze schon wirklich lange dranrum und ohne Erfolg!

Dankeschön im Voraus!

MfG

MrOsmo

Hallo,

ich mache zurzeit eine Ausbildung zum Fachinformatiker Systemintegration. Ich weiß das mein Hauptziel dieser Ausbildung nicht Programmieren oder so ist aber trotzdem würde ich es gerne mehr lernen aber ich weiß nicht so richtig was ich skripten/programmieren soll. Die Situation in der ich mich befinde fühlt sich wie eine zu hohe Stufe an, ich kann halt die basics (Operatoren, Schleifen, Abfragen, Variablen und Arrays...). Ich weiß halt nicht wie ich das schwierigere, komplexe Zeug machen kann wenn ich keine Ideen habe und nicht weiß was.
Vielleicht habt ihr Ideen (Sprache ist egal nur nicht so etwas unbekanntes)

Grüße

Konntest du schon davor oder erst während der Ausbildung?

<textarea class="form-control" name="Adresse">{if $pdf}{$values.Adresse|nl2br}{/if}</textarea>

Kann man dieses Feld so schreiben, dass es mitwächst. Das KEIN Scrollbalken kommt, sondern wie schon gesagt mitwächst

Hallo, ich habe jetzt seit einigen monaten an einer "App" in python gearbeited. Das Programm funktioniert soweit, aber halt leider nur in der Console. Ich hätte gerne eine GUI, ich kann auch ein bisschen JS, HTML und CSS. Ich weiß aber nicht wie man den code dann verbindet, also den JS code mit dem python code und bin mir auch nicht sicher ob JS die beste option ist.

Ich freue mich auf eure Antworten und bin dankbar für jede Hilfe.

Geht das denn, dass man ein Bild von dem "Spiel" einbaut?

Mein bisheriger Code ist:

 client.user.setPresence({ 
   activities: [{ 
     name: 'Minecraft Insanity', 
     type: ActivityType.Playing
   }], 
   status: 'online' 

Hi,

ich habe mir ein paar HTML-Kenntnisse angeeignet und habe folgende Frage:

Einmal angenommen, ich habe jetzt eine geile Webseite mit HTML, CSS und JavaScript erstellt.

Wie mach ich das jetzt zu einer wirklich echten Seite? Klar ich brauche eine Domain. Aber wie erstelle ich eine oder (die eigentliche Frage): Wie verknüpfe ich jetzt diesen Ordner, in dem die Informationen wie Bilder, Videos und einzelne Dateien sind, mit dieser Webseite (clientbasiert)?

Und wenn ich das gemacht habe: Wie mache ich z.B. ein Update, weil ich z.B. etwas am Code verändert habe?

Hallo,

ich mache gerade die Hausaufgaben in IT und ich habe leider ein Problem. Das ist das letzte Problem, bevor meine Aufgabe erledigt ist. Also bitte, ich flehe euch an, helft mir.

Meine Codes:

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My favourite movies</title>
  <script defer src="./script.js"></script>
</head>
<body>
</body>
</html>

JavaScript findet ihr in den Kommentaren, der Code ist zu lang!

MEIN PROBLEM:

Mein Problem ist, dass wenn ich auf das Button "Delete Last" drücke, dann sollten zwei "items" in dem div "movieDivs" entfernt werden. Warum zwei? Weil ich mein Code von Anfang an unstrukturiert geschrieben habe, und deshalb gehören, das Bild und der Text zusammen. Aus diesem Grund, sollen auch der "Titel der Movie" und selbst das Movie (also img) zusammen gelöscht werden!

Ich habe schon alles ausprobiert, sodass ich jetzt gar keine Ideen mehr habe. Sogar diese KI - ChatGPT hat mir nicht geholfen! Ihr seid meine einzige Hoffnung!

Ich hoffe auf eure hilfreiche Antworten!

MfG

MrOsmo

Hey, ich habe seit Jahren einige Websiteadressen und habe früher laienhaft mit Fusion einige Websiteanfänge erstellt und mit bplaced auf die Adresse geladen. Habe aber alles vergessen. Nun möchte ich auf eine meiner alten Websiteadressen (die ich seit Jahren bezahle) einfach mal eine Seite laden. Zumindest eine Seite, wo steht, dass die Website in Bearbeitung ist. Aber mit welchem Programm mache ich das heutzutage? Habe keinen Plan. Brauche praktisch ein Designprogramm, wo ich paar Foto draufklatschen kann und nen Text hinschreiben kann. Dann möchte ich es mit der jeweiligen Websiteadresse verbinden. Wie stelle ich das an?

Hallo, ich suche den Namen einer Funktion für Internetseiten, bei der oben einige Überschriften stehen und im Bereich darunter der jeweils passende Inhalt angezeigt wird, wenn man die Überschriften anklickt oder mit der Maus drüber geht.

Leider habe ich kein Beispiel gefunden, ich habe dies aber schon öfter bei Onlineshops etc gesehen, deshalb habe ich gezeichnet, was ich meine. Die Zeichnung hänge ich hier mit an.

Auf meiner Suche bin ich bisher nur bei den Begriffen Dropdown und Section Page gelandet, das scheinen aber nicht die richtigen Begriffe zu sein, da ich darunter nichts Passendes finde.

Über einen Tip würde ich mich sehr freuen,

vielen Dank und viele Grüße

Für ein Schulprojekt möchte ich ein 3D Modell in meine Webseite einbetten, damit man es sich rundum anschauen kann. Kann mir bitte jemand Code dafür bereitstellen oder dabei helfen was ich machen soll?

Wie kann man seine Website Bezüglich SEO am besten Optimieren und was würde das von einem Fachmann kosten?

Ich würde gerne, dass wenn ich ein Lesezeichen setze auf einer bestimmten Website z.b. Youtube, der Link der Lesezeichens automatisch in eine neue Website eingebunden wird. Am besten samt Thumbnail und Titel des Videos.

sodass ich z.b. mein persönliche Website aus z.B. meinen Lieblings Youtube Videos erstellen kann.

Wenn ich als 500 Videolinks habe, dass ich eine Website habe, die diese Links auflistet. Und wenn ich 501 als Lesezeichen speichere, dass automatisch auch meine Website 501 Einträge hat.

Hallo, ich würde gerne wissen, welche Programmiersprachen ich für eine normale, also keine Spiele-App bräuchte. Es sollten so wenige Sprachen sein wie möglich. Die App soll für Android und iOS sein.

Gäbe es eine Programmiersprache, mit der ich beide Plattformen bedienen kann? Und würde Python alleine für das Backend reichen?

Die Funktionen der App wären Standardsachen wie z.B. Benutzer, Nutzeraccounts, Abomodell, Forum, usw..

Ich wollte NextJS lernen Fullstack React Framework aber ich stelle mir die Frage, mit was genau man das Ganze verwendet. In fast jedem YouTube-Video wird "Prisma" (davor noch nie gehört) mit einer anderen Datenbank genutzt, was das alles noch schwieriger macht.

Es gibt PostgreSQL, MongoDB, SQLite, usw..

Ich kenne normales SQL in Kombination mit PHP, aber die neuen modernen Sachen kenne ich nicht.

React und PHP harmonieren nicht so gut, es gibt auch wenig Online-Ressourcen und ich sehe da keine Zukunft für Stellenausschreibungen, weshalb ich diese Kombination gar nicht mehr nutzen will und backendseitig lieber von neu anfangen möchte. NextJS wäre bequem, da ich keine Router brauche, SSR habe, TS + Tailwind-Support.

Kann mir ein Fullstack-Entwickler von euch eine Roadmap empfehlen?

NextJS mit was als Datenbank, MERN-Stack vielleicht oder irgendwas anderes?

Ich bin bereit in Zukunft mehr zu lernen, aber erstmal einen Allrounder, in dem ich mein Wissen vertiefen kann.

Als Anfänger.

Wills schnell selbstständig lernen und neuen Job finden.

Ich möchte die Dezimalzahl 22 in eine Base36-Zahl umwandeln. Das Ergebnis soll also 'M' sein.

Wenn ich das mit '22'.toString(36) versuche, bekomme ich als Ergebnis '22' und nicht 'M'.

Frage: Was mus ich machen, damit ich aus der zweistelligen Dezimalzahl eine einstellige Base36-Zahl erhalte?

wenn ich draufclicke sagt github das es keinen passenden code gibt. (siehe bild 2)

Hallo, habe eine menge user generiertem content zu verarbeiten bei dem auch eine menge Bilder sind, screenshots von text, bilder von computerbildschirmen, diagramme, fotos von dingen etc. keine dinge wie landschaftsbilder die hohe qualität erfordern, also konvertiere ich jedes Bildformat erstmal in webp woduch es schon deutlich kleiner wird, danach kann ich noch prozentual verlustbehaftet weiter runtergehen, wie weit sollte man gehen, gibt es da empfehlungen?

hier mal beispielbilder in verschiedenen einstellungen:
https://cloud.mchost.fun/index.php/s/5EwXtPsYZoEatak

(orginal jpg 1.3Mb, orginal webp 207kb, bis bei 2% 23KB)

Ich mach gerade bei einer rätselrally mit, scheitere aber kläglich an einem rätsel. Es ist immer so, dass man auf einer Website ein Passwort eingeben muss um dann zum nächsten Rätsel zu kommen.

Gibt es irgendwie eine möglichkeit sich Infos zu dem Passwort zu verschaffen, wenn man sich mit dem Quelltext befasst. Ich gehe Mal nicht davon aus, oder?

Hallo, ich weiß, man kann das nicht sofort sagen da es auf bestimmt Sachen ankommt, aber ich wäre froh wenn ihr mir sagen könntet, wie viel so etwas kosten würde und ob mein Budget reichen würde.

Meine App sollte folgendes Enthalten:

• Login System
• Abonnement system
• Online Bereich mit User Accounts
• Modern und Schnell
• Entwicklung für iOS und Android sowie eine Webseite
• Baukastensystem usw. wo ich sachen hochladen kann und evtl. die Oberfläche vom Design her bisschen ändern kann
• Noch ein paar Kleinigkeiten

Mein Budget liegt im Bereich von 80-120k €. Mir ist die Sicherheit wichtig. Außerdem gibt es etwas was mich davor abschreckt sowas programmieren zu lassen, anstatt selber programmieren zu lernen und zwar: Dass die Entwickler irgendeine Systemlücke hinterlassen, sodass sie ohne Zugriff und Erlaubnis meine App runterholen bzw. verändern sowie beobachten mit Spyware oderso. Gibt es dafür eine Lösung?

Moin wie der Titel schon gesagt möchte ich gerne das programmieren lernen ich bin noch Anfänger und habe keine Vorkenntnisse könnt ihr mir eine gute Seite oder app empfehlen ?

Ich mache seit längerem eine Website für die Schule (über ein bestimmter Thema, als Projekt). Bisher haben die Nutzer bis auf durch Links keine Möglichkeit zu interagieren oder Inhalte selber zu schreiben oder zu ergänzen. Wie schaffe ich es, dass User Inhalte schreiben und abschicken können. Wie in einem Chatforum. Oder wie bette ich ein kleines Minispiel oder ähnliches ein.

Hallo ihr Lieben.

ich bekomme immer wieder Werbung bei Instagram für Programmierkurse für Kinder. Wie ich das verstanden habe geht es da um MakeCode von MS und man kann zB durch Minecraft das Programmieren etwas lernen. Eigentlich hört sich das ganz interessant an und ich würde sowas gerne meinem Sohn (9) schenken. Jetzt allerdings die Frage: Taugen diese Kurse was, oder ist das nur Scam? Hat das von euch schon mal einer gemacht und kann das empfehlen? Wie sind so eure Erfahrungen? Danke und Liebe Grüße

Folgende Problemstellung: Auf einem Server liegt eine HTML-Datei. Diese soll ein Anwenden ONLINE (also ohne "herunter-/heraufladen") direkt auf dem Server bearbeiten können - am besten mit einem WYSIWYG-Editor, der keine HTML-Kenntnisse erfordert.

Welche Apps/Anwendungen könnte ich dafür nutzen?

Ich habe freien Zugriff auf den Server. Es komt lighttpd mit PHP 7.3 (Raspberry PI) und 8.2 (intel-Plattform) zum Einsatz. MariaDB läuft als Datenbank im Hintergrund.

sidebar.css.sidebar {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background-color: #333;
    transition: right 0.3s ease; 
  }
  
  .sidebar-open {
    right: 0;
  }

.sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    position: relative;
}


.sidebar li {
    float: left;
  }

.sidebar li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
  
.sidebar li a:hover {
    background-color: #111;
}

  private.php

<?php
session_start();
if(!isset($_SESSION["username"])){
  header("Location: index.php");
  exit;
}
$username = $_SESSION["username"];
 ?>
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    
    <!-- Import Styles -->
    <link rel="stylesheet" href="cnd/css/loader.css">
    <link rel="stylesheet" href="cnd/css/container.css">
    <link rel="stylesheet" href="cnd/css/color-changer.css">
    <link rel="stylesheet" href="cnd/css/background.css">
    <link rel="stylesheet" href="cnd/css/navbar.css">
    <link rel="stylesheet" href="cnd/css/sidebar.css">
    
    <title>Your Personal Site</title>

    <!-- import scripts -->
    <script src="cnd/js/sidebar.js"></script>
    <script src="cnd/js/loader.js"></script>

    <script>
        
        const imageFiles = [
            'baldur.jpg',
            'baldur2.jpg',
            'baldur3.jpg',
            
        ];

        
        function setRandomImage() {
            const randomIndex = Math.floor(Math.random() * imageFiles.length);
            const randomImage = imageFiles[randomIndex];
            const imgElement = document.querySelector('.random-img');
            imgElement.src = `/personal-site/images/${randomImage}`; 
        }

        
       
    </script>
    <script>
        

        function setColor(color) {
            document.body.style.backgroundColor = color;
        }

        
    </script>


  </head>
  <body>
    
  <div class="loader"></div>
  
  <div class="container">
      <h1>Hallo <?php echo $username?></h1>
      <img src="" alt="random image of my dog" width="900px" height="900px" class="random-img">
      
    <script>
      setRandomImage();
    </script>
    <style>
      .dropdown {
        position: relative;
        display: inline-block;
      }

      .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 12px 16px;
        z-index: 1;
      }

      .dropdown:hover .dropdown-content {
          display: block;
      }

    </style>
    

  </div>
  
  <div class="dropdown">
    <span>Change Color</span>
    <div class="dropdown-content">
      <div class="color-changer">
        <button onclick="setColor('green')" class="button-green">Green</button>
        <button onclick="setColor('red')" class="button-red">Red</button>
        <button onclick="setColor('blue')" class="button-blue">Blue</button>
      </div>
    </div>
    </div>
    
    <div class="navbar">
      <ul>
        <li>
          <a href="index.php">Home</a>
        </li>
        <li>
          <a href="games.php">Games</a>
        </li>
        <li class="account-dropdown">
          <a href="">Account
      </li> 
      </ul>
    </div>

    <div class="sidebar" id="sidebar">
      <ul>


        <li>
          <a href="">Home</a><br>
        </li>

        <li>
          <a href="">Pricing</a><br>
        </li>

        <li>
          <a href="">Settings</a><br>
        </li>
      </ul>
    </div>

  </body>
</html>

Hey liebe gutefrage-Community,

ich studiere seit diesem Jahr Mathematik und zum Leidwesen aller Mathematiker müssen wir als Pflichtfach auch das Programmieren lernen. :D Da mein gesamter Informatikunterricht aus der Schule damit zusammengefasst werden kann, dass wir Bilder in Word einfügen sollten, habe ich dementsprechend wenig Ahnung von tatsächlichem Programmieren. Die Arbeitsblätter für Programmierung bereiten mir Sorgen. Es sind jene, die ich am wenigsten verstehe, die am meisten Zeit kosten und bei denen ich am wenigsten mitnehme. Ich mag das ganze Thema einfach nicht. Wirklich gar nicht :D. Programmieren ist nicht mein Ding. Hat jemand eine Idee, wie ich mir das etwas selber aneignen kann? Leider sitzen wir mit den Informatikern in einer Vorlesung, dementsprechend nimmt es der Prof als gegeben, dass wir z.B. wissen, was eine Basisklasse, Exceptions, etc. sind. Ich habe von sowas noch nie gehört, geschweige denn, es angewandt.

Hallo, ich habe ein kleines nodejs programm welches mit einer datenbank kommuniziert, allerdings bekomme ich nach einiger Zeit eine Fehlermeldung (siehe unten) zuerst war mein gedanke dass das programm die Datenbankverbundungen die geöffnet wurden nicht mehr richtig schließt und es sich deswegen ansammelt aber ich habe immer hinterher conn.close() verwendet, was kann ich noch tun bzw. woher kann das problem noch kommen?

Der fehler:

 SqlError: (conn=-1, no: 45028, SQLState: HY000) retrieve connection from pool timeout after 10001ms
    (pool connections: active=0 idle=0 limit=10)
    at module.exports.createError (/home/pr/node_modules/mariadb/lib/misc/errors.js:64:10)
    at Pool._requestTimeoutHandler (/home/pr/node_modules/mariadb/lib/pool.js:349:26)
    at listOnTimeout (node:internal/timers:573:17)
    at process.processTimers (node:internal/timers:514:7) {
  sqlMessage: 'retrieve connection from pool timeout after 10001ms\n' +
    '    (pool connections: active=0 idle=0 limit=10)',
  sql: null,
  fatal: false,
  errno: 45028,
  sqlState: 'HY000',
  code: 'ER_GET_CONNECTION_TIMEOUT'
}

der code:
https://pastebin.com/pFu5ffJt

Wie kann ich es so einstellen, dass wenn jemand der nach meiner Webseite mit Englisch oder alles andere als Deutsch als Browsersprache sucht, ihm die englische Version angezeigt wird und wenn er mit Deutsch als Browsersprache sucht ihm nur die Deutsche Version angezeigt wird. Ich hab die Seiten mit www.domain.com und www.domain.com/de, eingeteilt und wenn man nach der Webseite sucht werden alle beide Links separat angezeigt

Hallo zusammen!

Ich habe angefangen eine ToDoListe zu machen und bin schon fast fertig. Allerdings muss ich noch zwei Buttons fertigen und ich weiss nicht wie. Das erste Button ist "Delete All", dieser sollte alle Aufgaben (Aufgaben der ToDoListe) löschen. Das zweite ist "Change Status", dieser sollte, sofort alle Aufgaben wegstreichen oder zeigen dass diese Aufgaben gemacht worden sind. Ich hoffe auf eure Hilfen!

Bin schon richtig müde, und muss die Aufgaben schon bis morgen abschicken..

Dankeschön im Voraus!

LG

const todoInput = document.querySelector(".todo-input");
const todoInputTwo = document.querySelector(".todo-input-two")
const todoButton = document.querySelector(".todo-button");
const todoList = document.querySelector(".todo-list");
const filterOption = document.querySelector(".filter-todo");
const deleteAllTodos = document.querySelector(".deleteAll button")


document.addEventListener("DOMContentLoaded", getLocalTodos);
todoButton.addEventListener("click", addTodo);
todoList.addEventListener("click", deleteCheck);
filterOption.addEventListener("change", filterTodo);


function addTodo(event) {
    event.preventDefault();
    const todoDiv = document.createElement("div");
    todoDiv.classList.add("todo");
    const newTodo = document.createElement("li");
    newTodo.innerText = `${todoInput.value}, Date: ${todoInputTwo.value}`; 
    newTodo.classList.add("todo-item");
    todoDiv.appendChild(newTodo);
+
    saveLocalTodos(todoInput.value);
    
    const completedButton = document.createElement("button");
    completedButton.innerHTML = '<i class="fas fa-check-circle"></li>';
    completedButton.classList.add("complete-btn");
    todoDiv.appendChild(completedButton);


    const trashButton = document.createElement("button");
    trashButton.innerHTML = '<i class="fas fa-trash"></li>';
    trashButton.classList.add("trash-btn");
    todoDiv.appendChild(trashButton);
    
    todoList.appendChild(todoDiv);
    todoInput.value = "";
}


function deleteCheck(e) {
    const item = e.target;


    if(item.classList[0] === "trash-btn") {
        const todo = item.parentElement;
        todo.classList.add("slide");


        removeLocalTodos(todo);
        todo.addEventListener("transitionend", function() {
            todo.remove();
        });
    }


    if(item.classList[0] === "complete-btn") {
        const todo = item.parentElement;
        todo.classList.toggle("completed");
    }
}


function filterTodo(e) {
    const todos = todoList.childNodes;
    todos.forEach(function(todo) {
        switch(e.target.value) {
            case "all": 
                todo.style.display = "flex";
                break;
            case "completed": 
                if(todo.classList.contains("completed")) {
                    todo.style.display = "flex";
                } else {
                    todo.style.display = "none";
                }
                break;
            case "incomplete":
                if(!todo.classList.contains("completed")) {
                    todo.style.display = "flex";
                } else {
                    todo.style.display = "none";
                }
                break;
        }
    });
}


function saveLocalTodos(todo) {
    let todos;
    if(localStorage.getItem("todos") === null) {
        todos = [];
    } else {
        todos = JSON.parse(localStorage.getItem("todos"));
    }
    todos.push(todo);
    localStorage.setItem("todos", JSON.stringify(todos));
}


function getLocalTodos() {
    let todos;
    if(localStorage.getItem("todos") === null) {
        todos = [];
    } else {
        todos = JSON.parse(localStorage.getItem("todos"));
    }
    todos.forEach(function(todo) {
        const todoDiv = document.createElement("div");
        todoDiv.classList.add("todo");
        const newTodo = document.createElement("li");
        newTodo.innerText = todo;
        newTodo.classList.add("todo-item");
        todoDiv.appendChild(newTodo);


        const completedButton = document.createElement("button");
        completedButton.innerHTML = '<i class="fas fa-check-circle"></li>';
        completedButton.classList.add("complete-btn");
        todoDiv.appendChild(completedButton);


        const trashButton = document.createElement("button");
        trashButton.innerHTML = '<i class="fas fa-trash"></li>';
        trashButton.classList.add("trash-btn");
        todoDiv.appendChild(trashButton);


        todoList.appendChild(todoDiv);
    });
}


function removeLocalTodos(todo) {
    let todos;
    if(localStorage.getItem("todos") === null) {
        todos = [];
    } else {
        todos = JSON.parse(localStorage.getItem("todos"));
    }



  deleteAllTodos.addEventListener("click", removeAllTodos);



    const todoIndex = todo.children[0].innerText;
    todos.splice(todos.indexOf(todoIndex), 1);
    localStorage.setItem("todos", JSON.stringify(todos));
}

Hallo,

gibt es solche? Wenn geht für JavaScript/CSS/HTML

LG

Hallo zusammen!

ich mache gerade die Hausaufgaben in IT aber ich komme leider nicht weiter.

Wie ihr auf dem Foto bereits seht, habe ich zwei Hintergründe.

Aber das Problem ist, dass der erste Hintergrund unten sein soll und der zweite Hintergrund, der gerade unten ist, soll nach oben kommen. Also einfach gesagt, ich möchte die Reihenfolge der Hintergrundfarben ändern. Ich habe schon wirklich lange daran gesessen.

Ich weiß nicht, wie man es weiter macht. Könnte mir bitte jemand helfen?

P.S. JavaScript passt leider nicht in die Frage hinein. Ihr findet es in den Kommentaren!

Dankeschön im Voraus.

LG!

Übrigens, hier die Codes:

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Tasks</title>
  <link rel="stylesheet" href="./style.css">
  <script defer src="./script.js"></script>
</head>
<body>
  <div class="bodyDiv">
  <header>
    <div class="title">
      <h1>My Tasks</h1>
    </div>
  </header>
  <main>
    <section>
      <div class="inputs">
        <input id="inputOne" type="text" placeholder="Enter your task!">
        <input id="inputTwo" type="date" placeholder="Enter your date!">
        <button id="buttonForInputs">Add task!</button>
      </div>
    </section>
    <section>
      <div class="tasks">
        <div class="date"> 
          <div class="information"></div>
        </div>
      </div>
    </section>    
   <section>
    <div class="buttons">
      <button id="buttonOne">Delete all!</button>
      <button>Change status!</button>
    </div>
   </section>
  </main>
  </div>
</body>
</html>

CSS:

* {
  margin: 0;
  box-sizing: border-box;
}


/*BODY_AND_HTML*/
html {
background-image: linear-gradient(161deg, rgba(117, 117, 117, 0.03) 0%, rgba(117, 117, 117, 0.03) 50%,rgba(8, 8, 8, 0.03) 50%, rgba(8, 8, 8, 0.03) 100%),linear-gradient(59deg, rgba(245, 245, 245, 0.05) 0%, rgba(245, 245, 245, 0.05) 50%,rgba(68, 68, 68, 0.05) 50%, rgba(68, 68, 68, 0.05) 100%),linear-gradient(286deg, rgba(107, 107, 107, 0.07) 0%, rgba(107, 107, 107, 0.07) 50%,rgba(7, 7, 7, 0.07) 50%, rgba(7, 7, 7, 0.07) 100%),linear-gradient(123deg, rgba(9, 9, 9, 0.09) 0%, rgba(9, 9, 9, 0.09) 50%,rgba(120, 120, 120, 0.09) 50%, rgba(120, 120, 120, 0.09) 100%),linear-gradient(170deg, rgba(202, 202, 202, 0.01) 0%, rgba(202, 202, 202, 0.01) 50%,rgba(19, 19, 19, 0.01) 50%, rgba(19, 19, 19, 0.01) 100%),linear-gradient(210deg, rgba(64, 64, 64, 0.04) 0%, rgba(64, 64, 64, 0.04) 50%,rgba(4, 4, 4, 0.04) 50%, rgba(4, 4, 4, 0.04) 100%),linear-gradient(90deg, rgb(249, 17, 190),rgb(100, 28, 213));
background-repeat: no-repeat;
background-size: cover;
height: 1000px;
}

/*HEADER*/

header .title {
  display: flex;
  justify-content: center;
}


header h1 {
  font-size: 4rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #fff;
}

/*MAIN*/

.tasks {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 50px;
}

.tasks .date .information p {
  margin-top: -210px;
  margin-left: -190px;
  color: #fff;
  font-weight: 100;
  font-size: 15px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.tasks .date {
  background-color: orange;
  width: 20%;
  padding-bottom: 20px;
  border-radius: 9px;
  display: none;  
}

.tasks .date .information {
  background-color: rgb(219, 182, 112);
  padding-top: 220px;
  border-radius: 5px;
  text-align: start;
  display: none;
}

.tasks .date p {
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.inputs {
 display: flex;
 justify-content: center;
 flex-direction: column;
 align-items: center;
}

.inputs input {
  width: 30%;
  height: 30px;
  border-radius: 7px;
}

.inputs #inputOne {
  margin-top: 150px;
}

.inputs #inputTwo {
  margin-top: 10px;
}

.inputs button {
  margin-top: 15px;
  width: 8%;
  height: 30px;
  margin-right: 320px;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  background-image: linear-gradient(353deg, rgb(242, 82, 69),rgb(131, 28, 80));
  text-transform: uppercase;
  cursor: pointer;
  border: none;
}

.buttons {
  display: flex;
  justify-content: center;
  margin-right: 150px;
  margin-top: 30px;
  gap: 10px;
}

.buttons button {
  width: 11%;
  height: 30px;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  background-image: linear-gradient(353deg, rgb(242, 82, 69),rgb(131, 28, 80));
  text-transform: uppercase;
  cursor: pointer;
  border: none;
}

SEO ist kein Punkt, wenn ich ehrlich bin. Heutzutage können auch Crawler normales React crawlen.

Als Zweites kommt das Server Side Rendering doch nur beim ersten Aufruf der Seite wirklich etwas bringt.

Danach ist es stinknormales React, das nicht mehr im Server für mich ausgeführt wurde und als HTML geschickt wird.

Natürlich sind 0.5-1 Sekunden wichtig, um den Nutzer ein gutes Gefühl zu geben und alles.

Aber warum sollte man sich den Stress mit NextJS antun? So wichtig wie mir diese 0.5 Sekunden auch sind. Man kann auch an anderen Ecken leichter optimieren und komprimieren.

React ist eine leichtgewichtige Bibliothek für ein bisschen Rendering und Next ein richtiges Framework.

Vielleicht ist da noch der Vorteil, das Leute ohne JavaScript wenigstens irgendwas sehen, aber wenn ich ehrlich bin, können einem Menschen mit JavaScript aus egal sein. Das sind fast alle Aluhutträger und die will man nicht in irgendeiner Art ansprechen als Kunde.

Auch keine Menschen die noch Internet Explorer und veraltete Smartphones nutzen. Da nehme ich lieber Rücksicht auf Sehbehinderte.

Was sagt ihr? Macht es noch Sinn, NextJS zu lernen? Warum nutzt ihr das?

Hallo, ich würde gerne die GPT 4 Turbo API nutzen, jedoch geht das schnell ins Geld. Gibt es ein anderes kostenloses Language Model mit API? Es muss keine Bilder oder Dateien wie ChatGPT 4 verstehen können, nur z.B. einen Text zusammenfassen auf eine Prompt.

Generell hätte ich gerne eine kleine Website, auf der man basierend auf Texten automatisch ein Quiz generieren lassen kann. Dafür brauche ich eben eine Language Model API kostenlos (würde im Moment nur privat und nicht-kommerziell damit herumexperimentieren)

Kennt ihr da eine gute?

PS: Falls ich Begriffe vertauscht haben sollte, wäre eine Verbesserung nett, bin noch relativ neu in dem Thema.

Ich möchte mir bald ein IPad kaufen für die Schule. Jetzt frage ich mich ob ich damit auch programmieren kann. Ich habe auch einen Windows PC zuhause mit dem ich das mache aber so für unterwegs oder wenn die lehrer mich mal wieder mit ihrem Unterricht langweilen XD. Ich will übrigens Webseiten mit HTML,CSS und Javascript machen und eventuell auch noch C#

Frage erklärt sich

Ich möchte LaTeX Formeln in meiner Website verwenden. Formeln die in HTML direkt oder ohne Verzögerung in Javascript definiert werden, werden auch in Formeln ordnungsgemäß formatiert.
Formeln die jedoch der Website hinzugefügt werden z.B. durch Knopfdruck bzw. nach vollständigem laden der DOM, werden nicht gerendert und sehen beispielsweise so aus: \(Test\).

Hier der code zum importieren von MathJax:

MathJax = {
    tex: {
        inlineMath:[['$', '$'],['\\(','\\)']]
    }
}

const script = document.createElement('script')
script.type = 'text/javascript'
script.async = true
script.src = 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML'
document.head.appendChild(script)

Darüber hinaus kann ich ebenfalls keine Methoden von MathJax in JS verwenden.

Ich wäre für jede Hilfe dankbar.

Guten Tag, ich muss für die Schule eine Webseite erstellen und wollte eine Sticky navbar einfügen. Dabei soll der untere Teil mit La Petite France, Cathédrale, rivière kleben bleiben. Kann mir jemand helfen?

<script>
        window.onscroll = function() {myFunction()};

        var navbar = document.getElementById("navbar");
        var sticky = navbar.offsetTop;

        function myFunction() {
        if (window.pageYOffset >= sticky) {
        navbar.classList.add("sticky")
    } else {
        navbar.classList.remove("sticky");
    }
    }
</script>

<header>
    <section class="hero is-medium">
        <div class="hero-head">
            <nav class="navbar">
                <div class="container">
                    <div class="navbar-brand">
                        <a class="navbar-item" href="index.html">
                            <img src="cigogne_strasbourg.png" alt="Logo">
                        </a>
                        <span class="navbar-burger" data-target="navbarMenuHeroB">
                            <span></span>
                            <span></span>
                            <span></span>
                      </span>
                    </div>
                    <div id="navbarMenuHeroB" class="navbar-menu">
                        <div class="navbar-end">
                            <a class="navbar-item is-active" href="index.html">
                                Home
                            </a>
                            <a class="navbar-item" href="details.html">
                                Y arriver
                            </a>
                            <a class="navbar-item" href="anmeldung.html">
                                Composer ses vacances
                            </a>
                            <span class="navbar-item">
                              <a class="button is-info is-inverted">
                                <!--<span class="icon">
                                  <i class="fab fas fa-fingerprint"></i>
                                </span>-->
                                <span>Einloggen</span>
                              </a>
                            </span>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
        <div class="hero-body">
            <div class="tile is-ancestor">
                <div class="tile is-parent">
                    <div class="tile is-child is-4 is-align-content-end">
                        <h1 class="title is-2">Strasbourg</h1>
                        <h2 class="subtitle is-4">La P'tit Venise</h2>
                    </div>
                    <div class="tile is-child is-8">
                        <figure class="image">
                            <img width="10" src="cathedralefenetre.jpg" alt="Fenêtre"/>
                        </figure>
                    </div>
                </div>
            </div>
        </div>



<div id="navbar">
            <nav class="tabs is-boxed is-fullwidth">
                <div class="container">
                    <ul>
                        <li class="is-active">
                            <a href="javascript:void(0)">La Petite France</a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">La Cathédrale Notre-Dame</a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">La rivière</a>
                        </li>
                    </ul>
                </div>
            </nav>
</div>

    </section>
</header>

CSS:

.content {
    padding: 16px;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
.sticky + .content {
    padding-top: 60px;
}

ich habe neulich eine Domain bei Cloudflare gekauft und würde gerne auch da meine Dateien hochladen.

ich weis dass man dafür einen Web Server braucht und den hab ich auch(mein Laptop)

ich hatte bisher immer eine gratis Domain von dynv6.com die auch sehr gut funktioniert hat also ich konnte von überall mein "Ergebnis" anzeigen lassen.

aber ich wollte meine eigene Domain und hab deswegen eine gekauft. ich würde meine IP Adresse dann bei dynv6.com angeben(damit ich die html, css, js und andere Dateien abrufen kann bzw. mir zeigen lassen kann) aber ich weis nicht wie ich es verbinden soll.

hat jemand Ahnung wie man das macht?

Hab in meinem ganzen 5 Jahren als js dev noch nie so einen Fehler gehabt.

Code:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>fire-base</title>

</head>

<body>

    <input id="name" placeholder="name">

    <input id="password" placeholder="password">

    <button id="login" onclick="save()">login</button>

    <script>

        var name = document.getElementById("name")

        var password = document.getElementById("password")

        function save() {

            alert(name.value, password.value)

        }

    </script>

</body>

</html>

ich experimentiere in letzter Zeit wieder etwas mit firebase. Hab als test projekt mal zwei inputs mit login button erstellt. So und jetzt gibt diesen html code mal in eine html file ein und führt es aus. Aus irgendeinem Grund wird bei name undefined alerted und der value von password wird wie erwartet alerted. Warum funktioniert das bei password, aber nicht bei name?? Hab schon mehrere code editoren ausprobiert und überall das gleiche Problem. Weiß jmd wo der Fehler ist?

Mfg Weißbrot

Man soll sich von der Startseite über verschiedene Seiten klicken können. Also dass man eben auf der Startseite ist, dann auf eine Seite über die Geschichte dessen, worüber es auf der Seite geht usw. Das kann ich theoretisch auch programmieren, die Frage ist jetzt nun, mache ich es so, dass ich einen extra Server hoste, damit man dann sozusagen xy/startseite.de hat und ich dann einen Link einbaue, welcher auf xy/geschichte.de weiterleitet oder kann ich das irgendwie mit einem Server machen? Falls ja wie? Tut mir leid, dass die Erklärung so umständlich wurde

Hallo,

ich habe versucht folgende Aufgabe zu bearbeiten:

"7. Problem mit dem Spread-Operator für ein Objekt

Erstellen Sie zwei Objekte und kombinieren Sie sie mithilfe des Spread-Operators zu einem dritten. Drucken Sie das neue Objekt auf der Konsole."

mein Code dazu:

const firstObject = {
  name: "Peter Parker",
  age: 28,
  role: "Hero"
}

const secondObject = {
  name: "Thanos",
  age: 1000,
  role: "Villain"
}

const bothObjects = {...firstObject, ...secondObject}

console.log(bothObjects);

Aber das Problem ist, dass dieser Code nur den "Thanos" Objekt in die console.log einfügt. Dieser sollte aber "Spiderman und Thanos" Objekte zusammen in einen Objekt einfügen. ICh bin total verwirrt. Könnte mir jemand helfen? Dankeschön!

LG

Guten Tag alle zusammen!

Eventuell ist das das falsche Forum. Ich werde es aber dennoch hier probieren.

Und zwar ist es so, das ich eine Bibliothek geschrieben habe, die auf Angular 16 beruht.

Allerdings sind die SDKs die ich benutzen möchte auf maximal Angular 15 angesetzt.

Besteht die Möglichkeit ein neues Projekt zu erstellen, dass die Version 15 trägt, alle SDKs und Styles dort zu installieren und die Library (v16) dort einzubinden?

Bei meiner Testseite habe ich Code im HTML & JS Format, der das Bild ab einem gewissen Scroll wert ändert, aber dieser Code befindet sich nicht am Anfang der Seite sondern weiter unten. Wenn ich bereits am Anfang der Seite scrolle, werden die Werte gezählt und wenn ich dann zum Code gelange, wird bereits das Endbild angezeigt. Wie kann ich sicherstellen, dass der Effekt erst eintritt wenn ich zum relevanten Abschnitt scrolle?

Html:

  <a href="#!" class="brand-logo">
    <img src="http://placekitten.com/200/200">
  </a>

Javascript:

$(document).ready(function() {
    $(window).on("scroll", function() {
      var scrollPos = $(this).scrollTop();
      if (scrollPos >= 1000) {
        // Bild - 1
        $(".brand-logo img").attr("src", "http://placekitten.com/300/300");
      } else if (scrollPos >= 500) {
        // Bild - 2
        $(".brand-logo img").attr("src", "http://placekitten.com/400/400");
      } else {
        // Standard - Bild
        $(".brand-logo img").attr("src", "http://placekitten.com/200/200");
      }
    });
  });

LG

Hi ich möchte gerne das meine navbar die farbe wechselt wenn ich scrolle, was ich auch geschafft habe aber ich möchte gerne das sie erst die farbe wechselt wenn ich bis zu einer bestimmten höhe scrolle, also nicht direkt wenn ich anfange zu scrollen. Was muss ich da tun? :))) Hoffe man versteht was ich meine

<script>
 document.addEventListener('scroll',() => {
    const header =document.querySelector('header');
    
      if (window.scrollY >4) {
      header.classList.add('scrolled');
    } else {
      header.classList.remove('scrolled');
    }
  })
</script>

Ich habe im Internet einen coolen Hover-Effekt für meine Webseite gefunden. Danach habe ich den gesamten code einmal kopiert und versucht die Webseite zu betrachten, nur leider wurde der Effekt nicht richtig angezeigt. Kann mir jemand erklären was ich ändern muss, damit der code auch bei mir funktioniert?

Hallo Community!

Ich möchte gerne Programmieren lernen. Ich suche also nach einer Website wo man eben Programme online erstellen kann und zu der es hinreichend Tutorials auf Youtube gibt.

Hat da jemand Empfehlungen? Oder ist das der falsche Weg und wie sollte man stattdessen vorgehen? Wie wähle ich die passende Programmiersprache aus?

Mein Projekt ist eigentlich eine Geschäftssimulation, wo man gewisse Zutaten zu einem Produkt kombinieren muss und es dann über mehrere Runden Gewinn einspielt. Graphik bauche ich nichts aufwendiges. Da müssen nur einige Bilder angezeigt werden. Nix mit 3D oder so.

Ich würde gerne mit Javascript die Frequenz eines Live Audios(Also von dem Wie es gerade ist) ausgeben. Wie könnte ich das machen?

Ich weiß weder wie Mal das Live audio, noch die Auswertung umsetzten soll.

MfG, Bohne47

Kann ich mit Google Tabellen den Inhalt eines bestimmten Containers einer Website automatisch in einem Tabelleninhalt auslesen lassen?

Hintergrund:

Ich habe ein Event, welches jeden Monat an einem anderen Datum ist. Dieses Datum steht auf einer Website immer an der gleichen Stelle. Ich möchte, dass das Datum in meiner Tabelle automatisch von dieser Website eingelesen wird.

Mir ist klar, dass es Fehler geben kann, wenn sich der Aufbau der Website ändert, das nehme ich aber in Kauf.

Danke :)

Also ich hab eine Webseite mit nem input field und einem “senden” button. Sobald man auf senden drückt sollte der Text, den man in den input field geschreiben hat auf einer ganz anderen Seite erscheinen. Um also die Daten zur anderen Website zu schicken bräuchte ich eine http request, richtig?

Das Problem ist, dass ich absolut null Ahnung im Back-end habe und als ich es irgendwie mit Code kopieren versucht habe wurde irgendwas aus Sicherheitsgründen oder so (keine Ahnung) geblockt.

Die beiden Websites hoste ich übrigens mit replit, falls das wichtig ist 😅. Bin aber sehr flexibel und könnte jederzeit wechseln wenn es sein muss.

Mfg Weißbrot

Wie bleibt die Veränderte HTML auf einer Webseite gibt's da Möglichkeiten

Frage steht oben

Meine Vermutung ist halt C++

Also möchte ich mein Frontend mit Typescript + Next Js und mein Backend mit C# schreiben. Meine Datenbank sollte Prisma + Postgresql sein.

Aber wie setze ich es um bzw gibt es alternativen als AWS und wenn AWS ist die "Konfig so gut"?

Frontend: Vercel (Next js).

C#-Backend: AWS Elastic Beanstalk oder AWS Lambda?

Die PostgreSQL-Datenbank kann auf AWS RDS gehostet werden. 

Prisma müsste dann auf Frontend und Backend laufen, sowie die Daten beim request und response, warum macht man nicht einfach eins für alles ... Möchte c# wegen jobmarkt

Funktioniert das so oder ist es zu kompliziert (Neuling in diesem Bereich)?

Ich bedanke mich aufjedenfall schonmal denjenigen der mich aufklärt.

Wie schreibe ich für Java eine doppelte for-Schleife? Brauchen beide Schleifen ein return?

Hallo, Ich muss Woocommerce in meine Webseite bei Real Cookie Banner hinzufügen. Wo finde ich die Anschrift und Mail heraus? Oder wisst ihr diese? Ich weiß nur die Cookies und deren Zweck. Vielleicht könnt ihr mir alle anderen Infos sagen.

danke

Also ich bin 13 und würde gern programmieren lernen eigentlich wollte ich auch informatikuntericht aber an der schule war kein platz mehr frei. auf der einen seite will ichs lernen weil es mir spaß macht auf der anderen seite würde ich gerne irgendwann mal im softwarebereich arbeiten daher denke ich wäre es nie falsch sowas zu können.

Die sahce ist ich hab mir jetzt selber ein paar einfache sachen in C# beigebracht und stelle mir jetzt die frage wie ich damit weitermachen soll.

Deswegen dei frage an euch ob jeman deine website kennt oder eine person die mir das beibringen könnte allerdings muss ich sagen das es mir sehr schwerfällt nur anhand einer app etwas zu lernen ich würde für das ganze maximal 20 euro im monat ausgeben können.

Danke im voraus

Ist es üblich das ich als Webentwickler mich auch um Datenschutz texte und funktionierenden cookie banner kümmere (nur notwendige akzeptieren, nur marketing cookies, alle akzeptieren) usw. ?

Und je nachdem verändert sich die seite weil googoe fonts oder maps zugestimmt wurde.

Wenn ich davon nichts genau erwähnt habe im veertrag nur von home, contact page und solchen sachen die rede ist.

Wie der Name sagt bin ich Webentwickler nicht jurist.

Ich würd die ins netz stellen für die person oder offline zuschicken aber was danach passiert ist nicht mein Problem sag ich mal.

vorallem wenn ich mit wordpress was mache sind da alle möglichen plugins irgendwelche tracker und der datenschutz problematisch. 

wenn ich die von Grund auf selber programmiere mit zb. react hab ich da zumindest vollen überblick. 

oder wie würdet ihr da vorgehen ? 

engagiert man da einen Anwalt ? Mach ich das und sollte mit 200€ extra rechnen für diese Implementierung oder der Kunde macht das alleine ?

Aber wie kennt der Anwalt sich aus mit react js oder wordpress plugins ? Und dann kann er garantieren/haften das die seite konform ist ? 

Bei diesen generatoren ist das ja nicht gegeben und cookie banner muss auch ordnungsgemäß funktionieren, kann nicht sein das er unter der haube garnichts macht.

Hallo, ich bin gerade ein bischen am rumprobieren mit webview in android studio, ich würde gerne eine kleine Website welche php, html und js enthält local auf dem Gerät hosten und auch auf diese in webview anzeigen. Ist dies möglich, sodass ich auch Dateien in eine json Datei schreiben kann?

Ist es üblich das ich als Webentwickler mich auch um Datenschutz texte und funktionierenden cookie banner kümmere (nur notwendige akzeptieren, nur marketing cookies, alle akzeptieren) usw. ?

Und je nachdem verändert sich die seite weil googoe fonts oder maps zugestimmt wurde.

Wenn ich davon nichts genau erwähnt habe im veertrag nur von home, contact page und solchen sachen die rede ist.

Wie der Name sagt bin ich Webentwickler nicht jurist.

Ich würd die ins netz stellen für die person oder offline zuschicken aber was danach passiert ist nicht mein Problem sag ich mal.

vorallem wenn ich mit wordpress was mache sind da alle möglichen plugins irgendwelche tracker und der datenschutz problematisch.
wenn ich die von Grund auf selber programmiere mit zb. react hab ich da zumindest vollen überblick.

oder wie würdet ihr da vorgehen ?
engagiert man da einen Anwalt ?
Aber wie kennt der sich aus mit react js oder wordpress plugins ? Und dann kann er garantieren/haften das die seite konform ist ?

Bei diesen generatoren ist das ja nicht gegeben und cookie banner muss auch ordnungsgemäß funktionieren, kann nicht sein das er unter der haube garnichts macht.

Moin,

in mein JS Code versuche ich ein Audio einzubetten. Jedoch wenn ich mein HTML Seite abspiele, höre ich garnichts. Kann mir jemand erklären woran das liegt bzw. was ich falsch mache?

Hier mein JS Code:

also klar, da steht unten ein if, aber wenn ich das aus lasse würde das dennoch nicht funktionieren...

Danke im vorraus.

Hallo zsm,

könnte mir jmd kurz, knapp und einfach (verständlich) erklären, was der Unterschied zwischen Block Scope und Local Scope ist (JAVASCRIPT) ? Ich habe schon überall darüber recherchiert aber ohne Erfolg... Dankeschön im Voraus!

LG

Hallo, Wissende,

habe Liedtexte als HTML-Dokumente, die Gitarren-Akkorde enthalten.

Problem: Wenn das Lied in einer anderen Tonart gespielt wird, stimmen die Akkorde nicht. Deshalb möchte ich die Tonart als URL-Parameter z.B. tonart=G angeben. Javascript (JS) soll die Akkorde setzen.

Im HTML-Code notiere ich also, wo die Tonika, Dominante und Subdominante gesetzt werden soll :

Und habe das JS-Array

akk_const = [
 ["(To)", "(Do)", "(Su)" ]
,["C",   "G",   "F" ] // tonart=C
,["D",   "A",   "G" ] // tonart=D
,["F",   "C",   "B" ] // tonart=F
,["G",   "D",   "C" ] // tonart=G
];

Also je nach Tonart muss der String (TO) durch C, D, F, G ersetzt werden.

Umständlich geht das so:

// (To)nika auf C setzen
  document.querySelector( "body" ).innerHTML = document.querySelector( "body" ).innerHTML.replace(/\(To\)/g, "<b><b>C</b></b>");
// (Do)minante auf G setzen
  document.querySelector( "body" ).innerHTML = document.querySelector( "body" ).innerHTML.replace(/\(Do\)/g, "<b><b>G</b></b>");

Aber ich möchte das in einer Schleife machen. Kann mir bitte jemand die JS.Kommandos aufschreiben? So weit bin ich:

window.addEventListener('DOMContentLoaded', function () {
 // URL Parameter tonart vorhanden?
 let akk_params = new URLSearchParams(document.location.search);
 let akk_tonart = akk_params.get("tonart");
 if ( akk_tonart ) {
   alert( akk_tonart );
   // hier Tonarten einsetzen
 }
});

Danke für Antworten

Hallo Freunde,

Ich habe bereits die Dateien einer html-Webseite erstellt (mit js zur dynamischen Auswertung), bräuchte aber jetzt noch eine Möglichkeit, Nutzerdaten längerfristig zu speichern (bspw in einem Textdokument oder sogar in einer db). Ich habe bereits eine bei Google registrierte Domain und möchte meine Webseite anschließend auch unter dieser Domain hosten. Kennt ihr geeignete Anwendungen (dachte an Node.js oder IndexedDB, bin mir aber nicht sicher, wie ich die hosten kann), mit denen ich die Datenbank erstellen kann und die auch später leicht zu hosten sind? Evtl auch mit Anleitung zum Hosten?

Hi ich bin dabei eine Seite zu erstellen und habe grade das login und registrations design mit Css und Html fertig gestellt. Nun bräuchte ich noch eine art system dahinter. Ich habe geschaut und denke man nutzt Php für dieses System mit Datenbank etc. Nun meine Frage: Kann ich ein Php login system mit meiner html css login seite kombinieren? oder ist das nicht möglich? Sorry wenn die Frage dumm ist :/

Guten Tag,

Ich bin momentan dabei mir eine Webseite zu erstellen. Auf der Webseite habe ich einen Button der beim betätigen eine Sidebar öffnet. Wenn man aber die Webseite öffnet ist die Sidebar schon geöffnet, aber ich möchte das man zuerst auf den Button drücken muss und beim betreten der Webseite die Sidebar geschlossen ist.

Vielen Dank im Voraus!

Hallo, kann mir bitte jemand helfen. Ich möchte dieses Template für meine neue Website in Wix hochladen. Ich brauche nur den animierten Hintergrund und sonst nichts. Ich schaffe es leider nicht. Keine Ahnung was es dazu braucht (Html Code oder what ever). Ich würde mich echt sehr freuen.. Hier ist das Template: https://themewagon.com/themes/dtox-free-bootstrap-4-html5-landing-page-template/

Hi bräuchte Hilfe bin noch komplette Anfängerin, das ist mein erstes Projekt mir js und kriege es nicht hin den Fehler zu beheben. Hab schon vieles Versucht nichts hat geklappt also hier mal die wichtigesten Schnipsel meiner Website vielleicht kann ja jemand den Fehler finden :D

Head:

Style:

HTML:

js:

dev tools:

Sorry das das so viel ist :///