Value in jQuery Code?

ich habe für ein Projekt drei verschiede Options Felder (Ja/Nein) Fragen.

Es soll ein Wert (value) "1" ausgegeben werden wenn man, eins der drei Felder auf Ja setzt.

Wenn man aber alle drei Felder auf Nein setzt, soll ein Wert von "2" kommen.

Und wenn man nicht auswählt, also alles frei lässt, soll ein Wert "3" kommen

Hier ein dieser Options Felder:

      <div class="col-xs-6">
                                                        <div class="form-group">
                                                            <label for="Roeteln" style="width: 150px;">Röteln</label>
                                                                <input type="text" class="form-control" name="Roeteln" style="width: 80px;"
                                                                value="{if $values.Roeteln == 'X'}Ja{elseif $values.Roeteln == ''}Nein{elseif $values.Roeteln == ''}{/if}">
                                                                <select class="form-control" name="Roeteln" style="width: 80px;">
                                                                    <option value="" selected=""></option>
                                                                    <option value="X">Ja</option>
                                                                    <option value="">Nein</option>
                                                                </select>
                                                        </div>
                                                    </div>
HTML, Webseite, JavaScript, HTML5, JQuery, Programmiersprache, Webentwicklung, Frontend
Wie kann ich bei dieser Website den Link nach oben rechts verschieben?

Ich habe einen Link erstellt, der mich wieder zurück zur Hauptwebsite bringt. Nur möchte ich, dass der Link oben rechts ist. Kann mir da jemand helfen?

Die Webseite:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Preise</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;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
  <style>
    body {
      font-family: 'Open Sans', sans-serif;
      padding-left: 100px;
      padding-right: 100px;
    }

    .preise-navbar {
      padding-left: 100px;
      color: rgb(52, 57, 56);
    }

    .preise-container {
      background-color: white;
      padding: 16px;
    }

    table {
      border-collapse: collapse;
    }

    td,
    th {
      padding: 16px;
      border-bottom: 2px solid #8ebf42;
      text-align: center;
      padding-left: 100px;
    }

    a {
    }
  </style>
</head>
<body>
  <div class="preise-container">
    <h1 class="preise-navbar">Preise:</h1>
  </div>
  <table>
    <tr>
      <th></th>
      <th></th>
    </tr>
    <tr>
      <td>Erwachsene:</td>
      <td>20€</td>
    </tr>
    <tr>
      <td>Kinder unter 18</td>
      <td>10€</td>
    </tr>
    <td>Kinder unter 6</td>
    <td>3€</td>
  </table>
  <a href="Index.html">Zurück</a>
</body>
</html>
HTML, Webseite, CSS, HTML5, Programmiersprache, Webdesign, Webentwicklung, Visual Studio Code

Meistgelesene Beiträge zum Thema HTML5