Alle Beiträge

mxriejs
18.05.2024, 21:11

Ich bin nach einem Streit mit meiner Mutter zu meinem Freund ,,abgehauen”?

Hallo und Guten Abend:)

Ich habe mich gestern heftig mit meiner Mom gestritten, also wirklich krass, sodass sie mir gesagt hat ich soll gehen und nie wiederkommen, darf mich mit keinem meiner Freunde mehr treffen usw.

Weils mir daraufhin logischerweise echt nicht gut ging wurde ich nachts von meinem Freund abgeholt und ich hab dann bei ihm geschlafen. Weil sie immer noch meine Mama ist (und ich sie auch lieb habe) habe ich ihr eine Nachricht geschrieben, dass ich woanders schlafe und sie sich keine Sorgen machen muss (da hat sie schon geschlafen).

Heute werde ich wieder von meinem Freund geholt und ich werde bei ihm schlafen, weil mir das gerade einfach extrem guttut und ich nicht Zuhause sein möchte, die Atmosphäre hier zieht mich einfach extrem runter und ich muss die ganze Zeit in meinem Zimmer bleiben.

Ich bin gerade Zuhause und bisher kam immer noch keine Reaktion auf meine Nachricht oder, dass ich heute Nacht weg war. Naja, jedenfalls ist sie schon ins Bett gegangen, deswegen kann ich ihr schonmal nicht persönlich sagen, dass ich heute Nacht wieder woanders schlafe.

Soll ich ihr einfach wieder eine Nachricht schicken? Mit oder ohne Begründung? (gestern war meine Begründung, dass ich mich abregen und einen klaren Kopf fassen muss). Ich mein, sie antwortet ja eh nicht darauf.

Ich bin übrigens 17 und werde in 3 Monaten 18, ich weiß, Aufenthaltsbestimmungsrecht und so, aber meine Mom weiß, dass ich auf mich aufpasse, sie mir vertrauen kann und jetzt nicht so 10h von Zuhause weg fahre, weshalb ich auch denke, dass sie deswegen keine Reaktion gezeigt hat.

Mutter, Angst, Eltern, Streit
2 Antworten
MATHECLUES
18.05.2024, 21:07
Mit Bildern

HTML/CSS/JS: Warum funktioniert meine bindDelete-Funktion nicht und wie kann ich die Preisangaben untereinander formatieren?

Hi, ich habe an einen Spezialisten eine Frage:

import Order from './Order.js';
import ArticleModel from './ArticleModel.js';

export default function UserOrderViewHandler(articleModel) {
  this.articleModel = articleModel;
  this.order = new Order(-1, null, [], 0, 0, 0, 0, 0, false);
}

UserOrderViewHandler.prototype.renderPage = function() {
  let body = document.getElementsByTagName('body')[0];
  body.innerHTML = "";
  body.innerHTML = `<div class="container">
    <sidebar>
      <h1 class="mb-4">Unser Sortiment</h1>
      <div id="articleList">
        <div class="row space-between">
          <div class="col-md-4 mb-4">
            <div class="card" data-index="0">
              <div>
                <h2>Salamipizza</h2>
                <p>Halbe hausgemachte Pizza mit Käse und regionaler Salami</p>
                <p><strong>6.50 €</strong></p>
                <button class="addBtnClss btn btn-primary">Artikel hinzufügen</button>
              </div>
            </div>
          </div>
          <div class="col-md-4 mb-4">
            <div class="card" data-index="1">
              <div>
                <h2>Hamburger</h2>
                <p>Burger mit österreichischem Rindfleisch, Ketchup und Senf</p>
                <p><strong>6.00 €</strong></p>
                <button class="addBtnClss btn btn-primary">Artikel hinzufügen</button>
              </div>
            </div>
          </div>
          <div class="col-md-4 mb-4">
            <div class="card" data-index="2">
              <div>
                <h2>Wochenmenü</h2>
                <p>Frittatensuppe --- Spaghetti Bolognese --- Muffin</p>
                <p><strong>12.50 €</strong></p>
                <button class="addBtnClss btn btn-primary">Artikel hinzufügen</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </sidebar>
    <sidebar>
      <h1 class="mb-4 extramargin">Bestellung</h1>
      <ul id="order"></ul>
      <div class="form-group">
        <label for="pickupTime">Gewünschte Abholzeit:</label>
        <input type="time" id="pickupTime" class="form-control">
      </div>
    </sidebar>
  </div>`;
}

UserOrderViewHandler.prototype.renderOrder = function() {
  let orderElement = document.getElementById('order');
  orderElement.innerHTML = "";
  orderElement.className = "list-group";

  let i = 0;

  for (let article of this.order.articleList) {
    let articleElement = document.createElement('li');
    articleElement.className = "list-group-item d-flex justify-content-between align-items-center";
    articleElement.innerHTML = `
      <div>1 x ${article.name} &emsp; &emsp; &emsp;${article.price.toFixed(2)} €</div>
      <button class="delBtn btn btn-danger btn-sm" data-index="${i}">Entfernen</button>
    `;
    orderElement.appendChild(articleElement);
    i++;
  }
}

UserOrderViewHandler.prototype.bindAddBtn = function() {
  let buttons = document.getElementsByClassName('addBtnClss');
  const that = this;

  for (let button of buttons) {
    button.addEventListener('click', function() {
      let index = this.closest('.card').getAttribute('data-index');
      let article = that.articleModel.getByIndex(index);

      if (article) {
        that.order.addArticle(article);
        that.renderOrder();
      }
    });
  }
}

UserOrderViewHandler.prototype.bindDeleteBtn = function() {
  let orderElement = document.getElementById('order');
  orderElement.addEventListener('click', function(event) {
    if (event.target.classList.contains('delBtn')) {
      let index = event.target.getAttribute('data-index');
      that.order.deleteArticle(index);
      that.renderOrder();
    }
  });
}
  1. Warum funktioniert meine bindDelete-Funktion nicht, um die li-Elemente wieder zu löschen?
  2. Wie kann ich es schaffen, dass der Preis von jedem li-Element genau so untereinander ist, sodass man ihn schön zusammenrechen könnte:

Danke für die Hilfe.

Bild zum Beitrag
Homepage, HTML, Webseite, CSS, JavaScript, HTML5, Code, Programmiersprache, Webdesign, Webentwicklung, Frontend
1 Antwort
Themen der Woche

Gute Beiträge von heute