Verwandte Themen
Frage
von EpicMeem
23.05.2022, 23:03
JavaScript Rechentrainer Schulaufgabe?
<html>
	<head>
		<title> Kopfrechentrainer </title>
	</head>
	<body>
<script language=javascript>


{	var a;
	var b;
	var c;
	var d;
	var f=0;
	var r=0;
}	
	function random()
	
{
	a=Math.floor(Math.random()*90)+10;
	document.rechnen.eingabe1.value=a;
	
	b=Math.floor(Math.random()*9)+1;
	document.rechnen.eingabe2.value=b;	
}


	function kontrolle()
{
	
		if(onclick=kontrolle){onclick=random}
	c=document.rechnen.vergleich.value;
	if(a*b==c){r++;document.rechnen.richtig.value=""+r}
	if(a*b!=c){f++;document.rechnen.falsch.value=""+f}
	
	if(r+f==5)
{
	if(r==0){alert('oh, das war garnichts, übe noch einmal')}
	if(r==1){alert('du musst noch einaml üben')}
	if(r==2){alert('da geht noch mehr')}
	if(r==3){alert('du solltest och etwas üben')}
	if(r==4){alert('das nächste mal vielleicht')}
	if(r==5){alert('sehr gut, du hast alle Aufgaben richtig gelöst')}
}
	if(r+f==5){onclick=zurück}
}
	function zurück()
{
	document.rechnen.richtig.value=""
	document.rechnen.falsch.value=""
}










</script>








	
		<font color ="red"> <h2 align = center>  Kopfrechentrainer  </h2> </font>
		<br>
		<p align = center> <b>  
		Du kannst hier Multiplikationsaufgaben üben. <br>
		Beim Klicken auf den Button werden dir dir nacheinander 5 Aufgaben gestellt.
		</p> </b>
		<br>
		<br>
		<h1 align = center> Bereit? </h1>
		<br>
	<form name="rechnen" p align = center>
		<input type=button value="Start" onclick=random()>
		<br> <br>
		<INPUT type=text name=eingabe1 value=""> *
		<INPUT type=text name=eingabe2 value=""> =
		<INPUT type=text name=vergleich value="">
		
			<input type=button value="Kontrolle" onclick=kontrolle()>


				
		<br> <br> 
	<p align = center> <b>
		Richtig gelöst <------------> Falsch gelöst
	</b> 
		<br> <br>
		<INPUT type=text name=richtig value=""> 
		<INPUT type=text name=falsch value="">
	<br> <br>
		
	</form /p>>










	</body>
</html>

An sich Funktioniert erstmal alles so wie es soll, jedoch besteht das Problem darin das wenn ich in das Textfeld um ein neues Ergebnis einzutragen gehe, dann wird eine neue Aufgabe erstellt obwohl ich nicht auf den Button Kontrolle geklickt habe.

Ich hoffe jemand kann mir helfen, vielen dank.

Computer, HTML, Programmieren, JavaScript
2 Antworten
Frage
von indexhtml
23.05.2022, 17:24
Php Email senden?

Warum funktioniert es nicht ? Muss ich mir extra eine Wegwerf Email Adresse erstellen und wenn ja wie verbinde ich es mit Php / logge mich ein?

Ein Kunde soll auf der index.html eine Nachricht schreiben können und seine Daten hinterlegen, die dann nur an meine Haupt email maxmustermann@gmail.com geschickt werden sollen. Um zum Beispiel einen Termin zu vereinbaren.

Falls das Müll ist was ich aus dem Internet kopiert habe kann mir jemand ein anderes Fertiges Template schicken ? Hauptsache es funktioniert

index.html : 

      
    <form action="index.php" method="post">
            <div>
              <input type="text" placeholder="Name" name="name"/>
            </div>
            <div>
              <input type="email" placeholder="Email" name="email"/>
            </div>
            <div>
              <input type="text" placeholder="Telefonnummer" />
            </div>
            <div>
              <input type="text" class="message-box" placeholder="Ihre Nachricht" name="message" />
            </div>
            <div class="d-flex ">
              <button>
                SEND
              </button>
            </div>
          </form>

index.php:

<?php


//get data from form  
$name = $_POST['name'];
$email= $_POST['email'];
$message= $_POST['message'];
$to = "maxmustermann@mail.com";
$subject = "Mail From website";
$txt ="Name = ". $name . "\r\n  Email = " . $email . "\r\n Message =" . $message;
$headers = "From: noreply@yoursite.com" . "\r\n" .
"CC: maxmustermann@gmail.com";
if($email!=NULL){
    mail($to,$subject,$txt,$headers);
}
//redirect
header("Location:index.html");


?>
Computer, Website, E-Mail, HTML, Programmieren, Informatik, PHP
1 Antwort
Frage
von BenIEbelt
20.05.2022, 13:45
Eine function für mehrere Container (clickexpand)?

Hi,

könnte eure Hilfe gebrauchen, wieder mal =).

Ich hab auf meiner Website mehrere Div container untereinander. Die Container selbst sind jeweils in drei Bereiche aufgeteilt (head, main, footer).

Der Kopf des Container sollte sichtbar sein und beim anklicken wird der rest eingeblendet.

Mit Javascript entferne ich, oder füge für die clickexpand Animation die Klassen hinzu.

Ich möcht jetzt ungern die gleiche function für jede Box nochmal schreiben.

Wie kann ich die function so gestalten, dass überprüft wird welche Box gerade angeklickt wird ? Und anschließend die Klassen in dem angeklickten Container, hinzugefügt oder entfernt werden ?

Oder kann ich einfach per javascript die Größe ändern (nach dem überprüfen welcher Container angeklickt wurde) ?

Hoffe ihr könnt mir helfen =)

Mfg

hier mein code

Html

<div id="flex_box">
  <div id="flex_box_header">
    <h1>Überschrift</h1>
  </div>
  <div id="flex_box_main" class="hidden">
    <div id="flex_box_inhalt"></div>
  </div>
  <div id="flex_box_footer"></div>
</div>

CSS

.hidden {
    display: none;
}


.sichtbar {
    display: flex;
    animation: einblenden 1s;
}

@keyframes einblenden {
    from {
        opacity: 0%;
    }


    to {
        opacity: 100%;
    }
}

Javascript

'use strict';

mainBox.addEventListener('click', clickex);

function clickex() {
    const mainBox = document.getElementById("flex_box_main");
    if (mainBox.classList.contains('hidden')) {
        mainBox.classList.remove('hidden');
        mainBox.classList.add('sichtbar');
    } else {
        mainBox.classList.remove('sichtbar');
        mainBox.classList.add('hidden');
    }
};
Computer, Technik, HTML, CSS, JavaScript, container, Technologie
1 Antwort
Frage
von MrQuestion981
20.05.2022, 00:05
JavaScript-Anfänger sucht Hilfe für Code?

Hallo Leute, als blutiger Anfänger in JavaScript bräuchte ich etwas Hilfe. Ich habe mir dieses Video hier angesehen (https://www.youtube.com/watch?v=OwCnoXRD7Jk&t=639s) und wollte es nachprogrammieren, habe mein Bestes gegeben, hat aber nicht geklappt. Am Ende habe ich es sogar mit dem original Code, der im Video erstellt und hochgeladen wurde, ausprobiert, auch ohne Erfolg, obwohl dieser im Video Einwandfrei funktioniert hat. Nun sitze ich hier und versuche eventuelle Schreibfehler zu finden, was aber auch nicht klappt. Hier im Anhang ist mein Code angehängt, bei dem es aber kleine Unterschiede zum vorgegebenen Code des Videodarstellers gibt. Z.B. habe ich an manchen Stellen das "await" rausgelassen, da es sonst nicht mal die Kamera aufrufen kann.
Warum weiß ich leider auch nicht?
Wäre super hilfreich, wenn mir das jemand erklären könnte!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Face_Emotions</title>
    <link href="face.css" rel="stylesheet" />
</head>

<body onload="init()">
    <header>
        <h1>Deine Gesichts-Emotionen</h1>
        <video id="video" width="50%" height="30%" autoplay muted>
        <script src="face-api.min.js"> </script>
        <script>
            async function init(){
                faceapi.nets.tinyFaceDetector.loadFromUri('/models');
                faceapi.nets.faceLandmark68Net.loadFromUri('/models');
                faceapi.nets.faceRecognitionNet.loadFromUri('/models');
                faceapi.nets.faceExpressionNet.loadFromUri('/models');
                navigator.getUserMedia({
                    video: {}
                },
                s => video.srcObject = s,
                console.error);
            }

            video.addEventListener('play', startFaceDetection)

            function startFaceDetection(){
                let canvas = faceapi.createCanvasFromMedia(video);
                document.body.append(canvas);
                setInterval(async function() {
                    let options = new faceapi.tinyFaceDetectorOptions();
                    canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height);
                    let size = {width: video.width, height: video.height};
                    let detections = await faceapi.detectAllFaces(video, options).withFaceLandmarks().withFaceExpressions();
                    let resizedDetections = faceapi.resizeResults(detections, size);
                    faceapi.draw.drawDetections(canvas, resizedDetections);
                    faceapi.draw.drawFaceLandmarks(canvas, resizedDetections);
                    faceapi.draw.drawFaceExpressions(canvas, resizedDetections);
                }, 100);
            }

        </script>
    </header>
    <footer>
            Face-Emotions
    </footer>

</body>
</html>
Computer, HTML, Programmieren, JavaScript
2 Antworten
Frage
von Mouad09
18.05.2022, 21:06
Wo ist das Problem mit dem PHP Code?

Das Programm sollte eigentlich die Daten in die Datenbank inserieren, jedoch kommt nur diese Fehlermeldung. Fatal error: Uncaught PDOException: SQLSTATE[HY093]: Invalid parameter number: parameter was not defined in C:\xampp\htdocs\Website\registrieren.php:82 Stack trace: #0 C:\xampp\htdocs\Website\registrieren.php(82): PDOStatement->execute() #1 {main} thrown in C:\xampp\htdocs\Website\registrieren.php on line 82

Ich habe sehr lang auf den Code geschaut, jedoch kein Fehler gefunden.

Danke im vorraus!

Hier ist mein Code(nur der php Part, da die Frage sonst zu lange ist).

Das mit $_Esel und :Datum habe ich geändert, trotzdem funktioniert es irgendwie nicht.

      <?php 
session_start();
?>
<?php
if (!empty($_POST["submit"])){
    require("mysql.php");


    $_user = $_POST["Benutzername"];
    $_passwort = $_POST["Passwort"];
    $_email = $_POST["E-Mail"];
    $_straße = $_POST["Straße"];
    $_hausnummer = $_POST["Hausnummer"];
    $_plz = $_POST["PLZ"];
    $_ort = $_POST["Ort"];



    $stmt = $mysql->prepare("INSERT INTO accounts (USERNAME, PASSWORT, EMAIL, STRAßE, HAUSNUMMER, PLZ, ORT) VALUES (:user, :passwort, :email, :straße, :hausnummer, :plz, :ort)");
    $stmt->bindParam(":user", $_user);
    $stmt->bindParam(":passwort", $_passwort);
    $stmt->bindParam(":email", $_email);
    $stmt->bindParam(":straße", $_straße);
    $stmt->bindParam(":hausnummer", $_hausnummer);
    $stmt->bindParam(":plz", $_plz);
    $stmt->bindParam(":Datum", $_Esel);
    $stmt->execute();



}
?>
Website, HTML, Programmieren, PHP
2 Antworten
Frage
von EpicMeem
16.05.2022, 22:07
Html und Javascritp Gif ein und ausblenden lassen?

Ich möchte mit Html und Javascript ein Gif per button einfügen lassen. Ich habe schon einiges ausprobiert aber es funktioniert nicht, ich würde mich gerne über Hilfe freuen. (Die Aufgabe war es einen Kopfrechentrainer zu programmieren, als Zusatz ein Bild einfügen,...)

<html>
	<head>
		<title> Kopfrechentrainer Ultimate </title>
	</head>
	<body>
<script language=javascript>


{	var a;
	var b;
	var c;
	var d;
	var f=0;
	var r=0;
	var x;
}	
	function random()
	
{
	a=Math.floor(Math.random()*90)+10;
	document.rechnen.eingabe1.value=a;
	
	b=Math.floor(Math.random()*9)+1;
	document.rechnen.eingabe2.value=b;	
}


	function kontrolle()
{
	c=document.rechnen.vergleich.value;
	if(a*b==c){r++;document.rechnen.richtig.value=""+r}
	if(a*b!=c){f++;document.rechnen.falsch.value=""+f}


	if(r+f==50)
{
	if(r==0){alert('soos')}
	else if(0<r<=10){alert('saas')}
	else if(10<r<=20){alert('sees')}
	else if(20<r<=30){alert('siis')}
	else if(30<r<=40){alert('suus')}
	else if(40<r<=50){alert('fiif')}
}


}
	function zurück()
{
	document.rechnen.richtig.value=""
	document.rechnen.falsch.value=""
}


	function shutdown()
{
	window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ');
}


	function bka()
{
   	var audio = new Audio('sirene.mp3');
   	audio.play();


	document.getElementById("bkaf").style.display="none";
}


</script>








	
		<font color ="red"> <h2 align = center>  Kopfrechentrainer Ultimate </h2> </font>
		<br>
		<p align = center> <b>  
		Du kannst hier Multiplikationsaufgaben üben. <br>
		Beim Klicken auf den Button werden dir dir nacheinander 50 Aufgaben gestellt.
		</p> </b>
		<br>
		<br>
		<h1 align = center> Bereit? </h1>
		<br>
	<form name="rechnen">
		<input type=button value="Start" onclick=random()>
		<br> <br>
		<INPUT type=text name=eingabe1 value=""> *
		<INPUT type=text name=eingabe2 value=""> =
		<INPUT type=text name=vergleich value="">
		
			<input type=button value="Kontrolle" onclick=kontrolle()>
			<input type=button value="Zurücksetzen" onclick=zurück()>
				
		<br> <br> 
	<p align = center> <b>
		Richtig gelöst Falsch gelöst
	</b> 
		<br> <br>
		<INPUT type=text name=richtig value=""> 
		<INPUT type=text name=falsch value="">
	<br> <br>
		<input type=button value="shutdown" onclick=shutdown()>
	<br> <br>
		<input type=button value="BKA Modus" onclick=bka()>
		
		<audio autoplay>
 		 <source src="sirene.mp3" type="audio/mpeg">
		</audio>
		<br>
	<div id="bkaf">
	<img id="blaulicht" src="blaulicht.gif">	
	</div>


	</form>










	</body>
</html>
Computer, HTML, Programmieren, JavaScript
2 Antworten
Frage
von Hedhhdgtf
15.05.2022, 22:33
JavaScript Problem?

Hab mir einen Passwort Generator gemacht (Code unten), aber irgendwas stimmt da manchmal nicht und ich komm nicht drauf.

Ist noch nicht fertig oder überhaupt ein Krasser Passwort Generator aber hab den aus Langeweile gemacht und dieser Fehler stört mich.

Kann mir jemand weiterhelfen ?

Hier steht kein Undefined.

Hier steht ein Undefined mitten im erstellten Passwort.

Ist nur kurzer JavaScript Code:


let pwLength = 12;
let randomNumber  = Math.round(Math.random() *3);
let ALPHABET = [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R',  'S', 'T', 'U', 'V', 'W', 'X','Y', 'Z' ];
let alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
let Numbers = ["0","1","2","3","4","5","6","7","8","9"];
let SpecialChar = 
            ["!", "*", "#" ,"," ,";" ,"?", "+", "-", "_" ,".", "=", "~", "^", "%", "(", ")" ,"{", "}", "[", "]", "|", ":", "/" ];
let passwort = "";


    for (i = 0; i <= pwLength - 1; i++){
    /* zufällige Zahl zwischen 0-3,
    Bei jedem Schleifendurchgang geht es in ein anderes if statement rein */
    randomNumber  = Math.round(Math.random() *3);


                    // +1 Großbuchstabe
                if (randomNumber == 0){
                passwort += ALPHABET[Math.round(Math.random() *ALPHABET.length)]; }
                  // +1 Kleinbuchstabe
                if (randomNumber == 1){
                passwort += alphabet[Math.round(Math.random() *alphabet.length)];}
                  // +1 Zahl
                if (randomNumber == 2){
                   passwort += Numbers[Math.round(Math.random() *Numbers.length)];}
                    // +1 Sonderzeichen
                if (randomNumber == 3){
                passwort += SpecialChar[Math.round(Math.random() *SpecialChar.length)];}
    }
                if (passwort.includes("undefined")){
                console.log("Undefined Fehler, Passwort lautet " + passwort);}
                else{ console.log("Dein Passwort lautet : " +passwort )}

Glaube mit Switch Case wäre das besser als if, hab ich aber nie benutzt nur in Tutorials mal gesehen

JavaScript Problem?
Computer, HTML, Programmieren, CSS, JavaScript, Fachinformatiker, Informatik, JQuery, MySQL, web.de, Angular
2 Antworten
Frage
von Mensch4
15.05.2022, 13:19
php bild komprimieren, stimmt dieser code?

Ich habe diesen code auf https://www.codexworld.com/compress-image-before-upload-using-php/ gefunden und bei mir kommt eine success nachricht aber das bild erscheint nicht im zielordner obwohl ich nichts ungewöhnliches auf den ersten blick sehe:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
    <label>Select Image File:</label>
    <input type="file" name="image">
    <input type="submit" name="submit" value="Upload">
</form>
</body>
</html>

upload.php:

<?php 
 
/* 
 * Custom function to compress image size and 
 * upload to the server using PHP 
 */ 
function compressImage($source, $destination, $quality) { 
    // Get image info 
    $imgInfo = getimagesize($source); 
    $mime = $imgInfo['mime']; 
     
    // Create a new image from file 
    switch($mime){ 
        case 'image/jpeg': 
            $image = imagecreatefromjpeg($source); 
            break; 
        case 'image/png': 
            $image = imagecreatefrompng($source); 
            break; 
        case 'image/gif': 
            $image = imagecreatefromgif($source); 
            break; 
        default: 
            $image = imagecreatefromjpeg($source); 
    } 
     
    // Save image 
    imagejpeg($image, $destination, $quality); 
     
    // Return compressed image 
    return $destination; 
} 
 
 
// File upload path 
$uploadPath = "./uploads/"; 
 
// If file upload form is submitted 
$status = $statusMsg = ''; 
if(isset($_POST["submit"])){ 
    $status = 'error'; 
    if(!empty($_FILES["image"]["name"])) { 
        // File info 
        $fileName = basename($_FILES["image"]["name"]); 
        $imageUploadPath = $uploadPath . $fileName; 
        $fileType = pathinfo($imageUploadPath, PATHINFO_EXTENSION); 
         
        // Allow certain file formats 
        $allowTypes = array('jpg','png','jpeg','gif'); 
        if(in_array($fileType, $allowTypes)){ 
            // Image temp source 
            $imageTemp = $_FILES["image"]["tmp_name"]; 
             
            // Compress size and upload image 
            $compressedImage = compressImage($imageTemp, $imageUploadPath, 75); 
             
            if($compressedImage){ 
                $status = 'success'; 
                $statusMsg = "Image compressed successfully."; 
            }else{ 
                $statusMsg = "Image compress failed!"; 
            } 
        }else{ 
            $statusMsg = 'Sorry, only JPG, JPEG, PNG, & GIF files are allowed to upload.'; 
        } 
    }else{ 
        $statusMsg = 'Please select an image file to upload.'; 
    } 
} 
 
// Display status message 
echo $statusMsg, $imageUploadPath;
?>
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<img src="<?php echo $imageUploadPath ?>">
</body>
</html>
Computer, HTML, Webseite, Programmieren, JavaScript, PHP
1 Antwort
Frage
von Valentin1720653
13.05.2022, 18:51
Welche Programmiersprache / Themengebiet lernen?

Hallo zusammen,

Ih studiere gerade Wirtschaftsinformatik im 2. Semester, und möchte später Mal als Software engineer arbeiten. Mein Problem ist, dass mir das was wir an Programmierung in der Uni lernen überhaupt nicht ausreicht. Ich hatte bis jetzt 2 Programmiermodule, in denen wir c++ behandeln. Was c++ angeht würde ich mich jetzt als fortgeschrittenen Anfänger bezeichnen. Ich habe die Syntax drauf, habe Klassen, Speichermanagement usw. Verstanden, aber bis jetzt nur wenig selbst etwas praktisch programmiert (wir bekommen leider keine Übungsaufgaben). Die Dinge die ich programmiert habe waren außerhalb von der Uni, und das waren bis jetzt auch eher kleinere Dinge (ich hab zB Mal ein TIC TAC TOE Spiel programmiert was 2 Programme gegeneinander über eine named Pipe gespielt haben).

Klar könnte ich mich jetzt auch vermehrt auch mit c++ selbst beschäftigen, jedoch geht es mit dem was wir jetzt in der Uni behandeln in eine Richtung die "nicht mehr vorhersehbar" ist, und die sich nicht mehr unbedingt auf Grundlagen der Sprache c++ bezieht. Soll heißen, wenn wir Objektorientierung durch haben, dann wollte unser Prof gui-programmierung machen. Das "vorwegnehmen" kann ich aber nicht, da ich nicht weiß welche Bibliothek er dafür verwenden will...

Wenn ich jetzt anfange zb ImGui zu lernen, und dann behandelt unser Prof aber FLTK oder so, dann habe ich 2 GUI Bibliotheken so halb, aber keine richtig. Da warte ich lieber bis wir mit einer anfangen, und danach beschäftige ich mich selbst mit der.

Trotzdem möchte ich irgendwie (bei Programmierung) über das aus der Uni hinausgehen, meine Frage ist nun was ihr mir dort empfehlen würdet.

Ich denke zuerst Mal dass Java wenig sinnvoll wäre, da die Sprache eigentlich ja eine "vereinfachte" Version von c++ ist. Dazu ist sie wegen dem Interpreter noch vergleichsweise langsam.

Ich könnte mir Python vorstellen, vor allem weil es eine Sprache ist die in der Regel nicht für Anwendungsentwicklung verwendet wird sondern vielmehr für Dinge wie skripting, Maschine learning usw. Zumal soll die Sprache für "Algorithmen und Datenstrukturen" was wir im nächsten Semester machen ganz sein soll.

Sonst habe ich mir noch gedacht dass ich mich intensiv mit webentwicklung beschäftige, soll heißen HTML, CSS, Javascript, PHP usw. Dazu würde ich dann Mal versuchen mir ein wenig Blender oder C4D anzuschauen, damit ich ein wenig Frontend abdecken kann.

Nur was ist eure Meinung, was macht am meisten Sinn ?

Ihr dürft auch gerne einen anderen Vorschlag machen.

Und dazu, ist es "normal" dass man in der Uni eigentlich kein Programmieren lernt sondern nur "Konzepte" vermittelt bekommt ?

Python 67%
Was anderes 33%
Web-Techniken 0%
Studium, HTML, Programmieren, JavaScript, Informatik, Programmiersprache, Universität, Ausbildung und Studium
2 Antworten
Frage
von Jonathan366
12.05.2022, 16:10
Habt ihr Vorschläge für meine Registrierungsseite?

Ich habe hier diese Registrierungsseite erstellt, die die eingegeben Daten direkt in einer Datenbank speichert.

Hier ist der Code:

<?php
  session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="registrierung.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <title>Registrierungs Formular</title>
</head>
<body>
  <div class="login-wrapper">
    <form action="" class="form" method="post">
      <img src="avatar.png" alt="">
      <h2> Registrieren </h2>
      <div class="input-group">
        <input type="text" name="registerName" id="registerName" required>
        <label for="registerName"> Name </label>
      </div>
      <div class="input-group">
      <input type="email" name="registerEmail" id="registerEmail" required>
        <label for="registerEmail"> Email </label>
      </div>
      <div class="input-group">
        <input type="password" name="registerPasswort" id="registerPasswort" required>
        <label for="registerPasswort"> Passwort </label>
      </div>
      <div class="input-group">
        <input type="password" name="registerPasswort2" id="registerPasswort2" required>
        <label for="registerPasswort2"> Passwort wiederholen</label>
      </div>
      <input type="submit" value="Registrieren" class="submit-btn">
      <a href="index.php" class="account-exists">Du hast schon ein Account? <br> Log dich jetzt ein!</a>
  
      <?php
        if (isset($_POST['registerPasswort'], $_POST['registerPasswort2'])) {
        if ($_POST['registerPasswort'] != $_POST['registerPasswort2']) {
            die("Die Passwörter sind nicht gleich");
          }
        }
  
        if (isset($_POST['registerEmail'], $_POST['registerPasswort'])) {
          include "config.inc.php";
  
          $email = $_POST['registerEmail'];
          $password = $_POST['registerPasswort'];
          $name = $_POST['registerName'];
          $table = "users";
          $error = false;
  
          if (filter_var($email,FILTER_VALIDATE_EMAIL)) {
            $email = filter_var($email, FILTER_SANITIZE_EMAIL);
            $name = filter_var($name, FILTER_SANITIZE_STRING);
            $name = trim($name);
          }
          else {
            $error = true;
          }
  
          if ($email == null || $password == null) return;
  
          if (!$error) {
            $passwort_hash = password_hash($password, PASSWORD_DEFAULT);
            $statement = $conn->prepare("INSERT INTO users (email, passwort, name) VALUES (:email, :passwort, :name)");
            $result = $statement->execute(array('email' => $email, 'passwort' => $passwort_hash, 'name' => $name));
          }
  
          $conn = null;
        }
      ?>
    </form>
  </div>
</body>

Gibt es etwas, was man kürzen oder besser machen könnte?

HTML, PHP
2 Antworten
Frage
von Jonathan366
12.05.2022, 16:01
Problem mit HTML Login input box?

Ich hab jetzt eine HTML Login Seite erstellt, irgendwie funktioniert die input box wo ich das Passwort eingeben will funktioniert nicht

Das hier ist mein Code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style.css">
    <title>Login Form Demo</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  </head>
  <body>
    <div id="everything">
      <div class="title">Login-Formular</div>
      <div id="hidelogin">
        <div class="login-wrapper">
          <form action="" class="form" method="post">
            <img src="avatar.png" alt="">
            <h2>Login</h2>
            <div class="input-group">
              <input type="email" name="loginEmail" id="loginEmail" required>
              <label for="loginEmail"> Email</label>
            </div>
            <div class="input-group">
              <input type="password" name="loginPassword" id="loginPassword" required>
              <label for="loginPassword">Password</label>
            </div>
            <input type="submit" value="Login" class="submit-btn">
            <a href="#forgot-pw" class="forgot-pw">Forgot Password?</a>
            <br></br>
            <a href="registrierung.php" class="Registrieren"> Registrieren </a>
          </form>
          <button type="button" id="ButtonRegistrieren" onclick="loadDoc()">Registrieren</button>
        </div>
        <div id="forgot-pw">
          <form action="" class="form">
            <a href="#" class="close">&times;</a>
            <h2>Reset Password</h2>
            <div class="input-group">
              <input type="email" name="email" id="email" required>
              <label for="email">Email</label>
            </div>
            <input type="submit" value="Submit" class="submit-btn">
          </form>
        </div>
      </div>
    </div>
  </body>
</html>

 

Ich bitte um Hilfe.

HTML, Programmieren
3 Antworten
Frage
von ArduinoGeek
11.05.2022, 21:44
PHP Error durch require()?

Hi, ich raff grad gar nix mehr, ich hab eine PHP Klasse dbConnection, in der ich mit require ein php File (settings.php) einbinde. Das einbinden funktioniert auch, nur binde ich innerhalb von settings.php ein weiteres php File ein, functions.php. Das wiederrum funktioniert nicht. Ich weiß, meine Erklärung ist bissle kompliziert, daher hier der Code:

dbConnection.php

<?php

try {
    require dirname($_SERVER["DOCUMENT_ROOT"]) . "/php/settings/settings.php";
} catch (Throwable|mysqli_sql_exception $exception) {
    error_log(date("d.m.Y, H:m:s") . " | " . $exception . "\n\n", 3, "/hp/cz/aa/gf/www/domains/domain.com/php/logs/php-errors.log");
    header("location: /error/?error=500");
    exit();
}

class dbConnection
{
...
}

settings.php

<?php

try {
    date_default_timezone_set("Europe/Berlin");
    mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
    require dirname($_SERVER["DOCUMENT_ROOT"]) . "/php/functions/functions.php";
} catch (Throwable|mysqli_sql_exception $exception) {
    error_log(date("d.m.Y, H:m:s") . " | " . $exception . "\n\n", 3, "/hp/cz/aa/gf/www/domains/domain.com/php/logs/php-errors.log");
    header("location: /error/?error=500");
    exit();
}

hier die relevanten Pfade:

domain.com/php/classes/dbConnection.php

domain.com/php/settings/settings.php

domain.com/php/functions/functions.php

Der Fehler muss an der in settings.php Datei liegen, da ich schon einmal vor und nach dem require in settings.php ein die("hier"); gemacht habe und dabei als das die("hier"); VOR dem

require dirname($_SERVER["DOCUMENT_ROOT"]) . "/php/functions/functions.php";

"hier" ausgegeben hat, und NACH dem

require dirname($_SERVER["DOCUMENT_ROOT"]) . "/php/functions/functions.php";

mir angezeigt wurde, dass diese Seite nicht funktionieren würde. Komisch ist auch, dass der Fehler nicht aufgefangen wird, daher bin ich gerade etwas ratlos. Hoffe meine Frage ist verständlich, ansonsten gerne einfach nachfragen :)

Computer, Internet, Website, HTML, Webseite, Programmieren, MySQL, PHP
2 Antworten
Frage
von SaftLukas
10.05.2022, 15:49
HTML Javascript?

Hallo Ich habe ein Schulprojekt in dem ich etwas mit Javascript schaffen soll. Die Aufgabe ist es dass ich mehrere radio buttons habe und diese dann in ein Textfeld eine gewisse Summe rein schreiben sollen. Bei mir klappt das leider nicht und ich weiß auch nicht was ich falsch mache. Könnte mir jemand dabei helfen? Hier der Code:

 <script type = "text/javascript">
    <!--
       function preis()
       {
          var i;
          var preis = new Array(7);
          preis[0] = "150,00 €";
          preis[1] = "150,00 €";
          preis[2] = "220,00 €";
          preis[3] = "220,00 €";
          preis[4] = "175,00 €";
          preis[5] = "175,00 €";
          preis[6] = "85,99 €";
          preis[7] = "85,99 €";
          if (document.Formular1.Auswahl1[0].checked)
                document.Formular1.Preise.value = preis[0];
          if (document.Formular1.Auswahl1[1].checked)
                document.Formular1.Preise.value = preis[1];
          if (document.Formular1.Auswahl1[2].checked)
                document.Formular1.Preise.value = preis[2];
          if (document.Formular1.Auswahl1[3].checked)
              document.Formular1.Preise.value = preis[3];
          if (document.Formular1.Auswahl1[4].checked)
             document.Formular1.Preise.value = preis[4];
          if (document.Formular1.Auswahl1[5].checked)
              document.Formular1.Preise.value = preis[5];
          if (document.Formular1.Auswahl1[6].checked)
              document.Formular1.Preise.value = preis[6];
          if (document.Formular1.Auswahl1[7].checked)
              document.Formular1.Preise.value = preis[7];
      }
</script>
<body>
<form name=Formular1>
   <input type = "radio" name = "Auswahl1" value = "Tracking Rad (Nr.1)"
              onClick = "preis()">  Tracking Rad (Nr.1)<br>
       <input type = "radio" name = "Auswahl1" value = "Tracking Rad (Nr.2)"
              onClick = "preis()"> Tracking Rad (Nr.2)<br>
       <input type = "radio" name = "Auswahl1" value = "Mountainbike (Nr.1"
              onClick = "preis()"> Mountainbike (Nr.1)<br>
       <input type = "radio" name = "Auswahl1" value = "Mountainbike(Nr.2)"
              onClick = "preis()"> Mountainbike(Nr.2)<br>
       <input type = "radio" name = "Auswahl1" value = "City Rad (Nr.1"
              onClick = "preis()"> City Rad (Nr.1)<br>
       <input type = "radio" name = "Auswahl1" value = "City Rad (Nr.2)"
              onClick = "preis()"> City Rad (Nr.2)<br>
       <input type = "radio" name = "Auswahl1" value = "Kinder Rad (Nr.1)"
              onClick = "preis()"> Kinder Rad (Nr.1)<br>
       <input type = "radio" name = "Auswahl1" value = "Kinder Rad (Nr.2)"
              onClick = "preis()"> Kinder Rad (Nr.2)<br>
</form>

Hier befindet sich nicht alles vom Code da ich sonst kein Platz mehr hätte.
Hier ein Link der zu dem gesamten Inhalt der website führt.

https://www.transferxl.com/download/08vfsWCLZPzBgx

Computer, HTML, Programmieren, JavaScript, website erstellen, Website programmieren
2 Antworten
Frage
von ArduinoGeek
09.05.2022, 12:43
Verbindung zur Datenbank checken - PHP?

Hi, ich hab folgende Funktion in einer Klasse dbConenction:

private mixed $connection;

public function __construct()
{
    return $this->connect();
}

private function connect()
{
    try {
        $host = "localhost";
        $username = "USER_NAME";
        $pwd = "PWD";
        $database = "DB_NAME";
        $this->connection = new mysqli($host, $username, $pwd, $database);

        if ($this->connection->connect_error) {
            throw new Exception("Connection to database failed. | " . $this->connection->connect_error);
        }
        return $this->connection;
    } catch (Exception $exception) {
        $this->connection = null;
        databaseErrorHandling($exception);
        return null;
    }
}

Die Verbindung zur Datenbank funktioniert auch, ich kann Queries ausführen. Doch mein Problem, wenn ich zum Beispiel den Username für die Datenbank ändere, soll eigentlich durch

if ($this->connection->connect_error)

eine Exception geworfen werden, weil die Verbindung ja nicht aufgebaut werden kann, da der Username falsch ist. Das Gleiche funktioniert auch nicht, wenn ich zum Beispiel das Passwort ändere. Hab in den Docs von PHP nachgelesen und dort haben die das genauso gemacht...

$servername = "localhost";
$username = "username";
$password = "password";

// Create connection
$conn = new mysqli($servername, $username, $password);

// Check connection
if ($conn->connect_error) {
  die("Connection failed: " . $conn->connect_error);
}

Jemand eine Idee, warum das nicht funktioniert, so wie es funktionieren sollte :D, oder Verbesserungsvorschläge?

Danke für jede Hilfe!!!

Computer, Website, sql, HTML, Webseite, Programmieren, Datenbank, MySQL, PHP
4 Antworten
Frage
von whoami5496
05.05.2022, 19:43
ich weiss einfach nicht was ich falsch gemacht habe.?

wie ihr ja alle wisst, versuche ich grad eine seite zu machen. Und ich hab glaub so alles falsch. hier ist ein bild von früher:

Und hier ein bild von jetzt:

ich weiss nicht, was ich falsch gemacht habe. Mein HTML code: 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>MyDrugs - Home</title>
    <link rel="icon" type="image/x-icon" href="MyDrugsLogo.png">
    <link rel="stylesheet" href="homestyle.css">
</head>
<body>
    <div class="main">
        <div class="navbar">
             <div class="icon">
                <section id="newlineup">
                    <div class="text">
                      <h2>Our explosive new lineup.</h2>
                      <h3>For the best MDMA experience <br>Ever.</h3>   
             </div>
             <div class="menu">
                 <ul>
             </div>
             <div class="headtext">
                <h1>Best quality.</h1>
                <h1>Best delivery.</h1>
                <h1>Best security.</h1>
                <h5>Prices as low as 0.0046 BTC.</h5>
            <div class="img">
                <img src="https://mydrugsto.netlify.app/assets/img/powder_explotion_hero.png" alt="IMG">
              <div>
                  <div>
                  </div>
              </div>
              <div>
                    </div>     
              </div>
              <div class="wrapper">
                <a href="shop.html" class="button1"><span> SHOP NOW → </span></a>
        <div>
             <body>
               <section id="topnav">
                            <div class="nav">
                              <div class="logo">
                                  <img alt src="MyDrugsLogo.png" alt="icon">    
                      </body>
</html>

Und hier mein CSS code:

*{
    margin: 0;
    padding: 0;


}


.main{
    width: 100%;
    background-position: center;
    background-color: rgb(7, 7, 31);
    background-size: contain;
    height: 123vh;
    margin: 0px;
}


.headtext{
    position: absolute;
    padding-bottom: 5px;
    padding-left: 769px;
    opacity: 67%;
    color: orange;
    float: left;
    font-size: 25px;
    font-family: sans-serif;
    font-weight: 200;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0px;
}


.img{
    padding: 220px;
    padding-left: 599px;
    padding-right: 10cm;
    padding-top: 150px;
    position: absolute;
}


.text{
    font-size: 20px;
    font-family: sans-serif;
    font-weight: bold;
    color: orange;
}


.button1{
    color: rgb(0, 0, 255);
    cursor: pointer;
    font-size: 19px;
    margin-left: 845px;
    margin-top: 150px;
    position: absolute;
    color: rgb(0, 17, 255);
}


#topnav img {
  width: 100%;
  max-width: 40px;
  height: auto;
  align-items: center;
}


.Maintext{
    color: orange;
    padding-top: 995px;
    font-size: 20.5px;
    padding-left: 335px;
    font-weight: lighter;
}


.h5{
    color: orange;
    font-size: 15px;
    font-weight: 100;
}

weiss iregendwer was falsch ist?

ich weiss einfach nicht was ich falsch gemacht habe.?
HTML, CSS
1 Antwort
Frage
von 4n0nym3r
04.05.2022, 17:01
4n0nym3r stellte diese Frage erneut 05.05.2022, 18:53
Javascript: Anzahl der verwendeten Buchstaben einer <textarea> zählen und ausgeben?

Liebe*r Leser*in,

gerne würde ich die Anzahl der verwendeten Buchstaben einer sich ändernden Textfeldeingabe (<textarea>) per Javascript zählen und in einer HTML-Datei innerhalb einer Tabelle (<table>) ausgeben (Jeder Buchstabe eine Spalte). Jeder User der Website kann in dieses Textfeld schreiben. Dabei soll die Zählung lediglich für die 26 Buchstaben des Alphabets (A bis Z) erfolgen (ohne Umlaute etc.).

Die Buchstaben sollen zudem in den Variablen n1 bis n26 "gespeichert" werden, um damit später den Koinzidenzindex berechnen zu können. Wer auch hierbei behilflich sein kann: Ich würde mich sehr darüber freuen. Ansonsten eröffne ich diesbezüglich ein weiteres Thema.

Die Ausgabe sollte, wenn möglich, bitte ohne Button, sondern automatisch erfolgen.

Leider bin ich noch Anfänger im Thema Javascript und habe nach umfangreichen Recherchen keinerlei Hilfe finden können. Bitte setzt auch nicht allzu viel voraus :)

Mein bisheriger Fortschritt sieht so bei mir aus:

function eingabe() {
	var nachricht = document.getElementByID("feld1").value;
	var laenge = (nachricht.length);
}

Leider weiß ich nur nicht, wie ich das nun mit der Zählung und Mengenausgabe der einzelnen Buchstaben realisieren kann. Die Suche mittels der von TechPech1984 genannten Schlagwörter ergab für mich leider keine passenden Treffer. Über Tipps oder Beispiele würde ich mich sehr freuen.

Ich würde mich sehr freuen, wenn mir jemand helfen möchte!

Beste Grüße 4n0nym3r

Computer, Technik, HTML, Programmieren, JavaScript, Informatik
1 Antwort

Meistgelesene Fragen zum Thema HTML
Mehr meistgelesene Fragen zu HTML