SchorschDAGOAT
20.01.2023, 23:28
Wie kann ich programmieren lernen?

hallo

ich möchte programmieren lernen und wollte fragen wie ich das lernen kann

 ...zum Beitrag
Antwort
von Roberxhtmlxcss
21.01.2023, 16:56

Hi, Bevor du programmieren lernst brauchst du ein Computer. Wenn du das hast Fang am besten nicht direkt mit python oder C++ sondern fang mit html css an so fangen die meisten programmierer an. Schau dir gerne doch das Video an. Der Kanal wird dich bestimmt beim Programmieren begleiten und Helfen.

https://www.youtube.com/watch?v=JG-gofSMWGw

 ...zur Antwort
Jw210645
29.11.2022, 15:49
Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

...zum Beitrag
Antwort
von Roberxhtmlxcss
21.01.2023, 16:46

Also du hast außer das ein paar fehler im Code 1. Du solltest am besten dein Css code in eine eigene datei machen. 2. Buttons zu benutzen für ein Taschenrechner kann man nicht so gut benutzen ich habe mal ein beispiel wie ich das gemacht habe

<!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>Taschenrober</title>
    <link rel="preconnect" href="https://fonts.googleapis.com"> 
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <link rel="manifest" href="manifest.webmanifest">


    <style>
 body {
    font-family: 'Montserrat', sans-serif;
    margin: 0%;
 }
table {
width: 100%;
height: 70vh;
color: white;
background-color: rgb(25, 25, 25);


}


td {
width: 25%;
text-align: center;
background-color: rgb(20, 20, 20);
font-size: 24px;
}


td:hover {
background-color: rgb(30 ,30 ,30);
cursor: pointer;
;
}


#result-area {
height: 30vh;
background-color: rgb(40, 40, 40);
color: white;
font-size: 48px;
display: flex;
justify-content: flex-end;
align-items: flex-end;
padding: 24px;
box-sizing: border-box;
}
#result {
background-color: rgb(67, 55, 236);
}
#result:hover {
background-color: rgb(110, 101, 235);
}
.highlight {
background-color: rgb(25, 25, 25);
}


    </style>





    <script>
        function appendOperation(operation){
            document.getElementById('result-area').innerHTML += operation;
        }
        function calculate() {
            let container = document.getElementById('result-area');
            let result = eval(container.innerHTML);
            container.innerHTML = result;
        }
       function deletelast() {
        let container = document.getElementById('result-area');
        if(container.innerHTML.endsWith(' ')){


       } else{
        container.innerHTML = container.innerHTML.slice(0, -3);
       }
    }
    </script>




</head> 


<body> 


<div id="result-area">
    
</div>


   <table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td onclick="deletelast()">Löschen</td>
    </tr>
    <tr>
        <td onclick="appendOperation(7)">7</td>
        <td onclick="appendOperation(8)">8</td>
        <td onclick="appendOperation(9)">9</td>
        <td onclick="appendOperation('/')"class="highlight">/</td>
    </tr>


    <tr>
        <td onclick="appendOperation(4)">4</td>
        <td onclick="appendOperation(5)">5</td>
        <td onclick="appendOperation(6)">6</td>
        <td onclick="appendOperation('*')" class="highlight" >x</td>
    </tr>


    <tr>
        <td onclick="appendOperation(1)">1</td>
        <td onclick="appendOperation(2)">2</td>
        <td onclick="appendOperation(3)">3</td>
        <td onclick="appendOperation('+')" class="highlight">+</td>
    </tr>


    <tr>
        <td onclick="appendOperation(0)">0</td>
        <td onclick="appendOperation('.')">,</td>
        <td  onclick="calculate()" id="result">=</td>
        <td class="highlight" onclick="appendOperation('-')">-<td>
    </tr>
   </table>
</body>

/* By Rober Amjed */

ist bisschen länger her der code aber klappt noch du sollst ihn jetzt nicht kopieren meine ich aber solche elemte sind besser als buttons mit buttons bekommst du meistens mehr probleme als mit td und tr also bei mir war es so. Versuch es mal mit 

display: flex;

Ich hoffe ich konnte dir Weiterhelfen.

...zur Antwort
verreisterNutzer
12.10.2022, 21:01
Gibt es was, womit ich Kabel an ein Tisch machen kann, damit die nicht immer runterfallen, wenn ich sie abstecke?
...zum Beitrag
Antwort
von Roberxhtmlxcss
12.10.2022, 22:28

Hallo Apollonm, Du kannst viele möglichkeiten benutzen die kein Geld Kosten aber wenn du Vielleicht etwas Geld zu Verfügung hast und dies auch benutzen könntest würde ich dir das Empfehlen.https://amzn.eu/d/6QsayHg Ich selber Benutze es und finde es Super! Du kannst Trotzdem Anderes Benutzen z.B Kabelkanäle.

...zur Antwort