Hallo liebes Forum!
Ich hoffe als neuer Benutzer gleich alles richtig zu machen. Wenn nicht, bin ich jederzeit für konstruktive Vorschläge dankbar.
Ich möchte an dieser Stelle noch erwähnen, das mir mit Hinweisen nicht geholfen ist, da ich kaum Programmierkenntnisse habe, diese Aufgabe aber beruflich lösen muss.
Ich habe eine durchsuchbare Tabelle mit ca. 300 Werten bzw. kurzen, verlinkten Texten.
Diese Texte würde ich gerne nach einem zufälligem oder festem Schema sichtbar machen.
Code
<!DOCTYPE html>
<html lang="de">
<head>
<title>bla bla</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css_webseite/4/w3.css">
<link rel="stylesheet" href="/css_webseite/w3-theme-deep-orange.css">
<style>
* {
box-sizing: border-box;
}
#myInput {
background-image: url('/image/searchicon.png');
background-position: 10px 12px;
background-repeat: no-repeat;
width: 100%;
font-size: 14px;
padding: 12px 20px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 0;
}
#myUL {
list-style-type: none;
padding: 0;
margin: 0;
}
#myUL li a {
border: 1px solid #ddd;
border-top:0px;
padding: 12px;
text-decoration: none;
font-size: 16px;
color: white;
display: block
}
li{
display:none;
background: #ff5722;
}
#myUL li a:hover{
background: green;
}
</style>
</head>
<body>
<header class="w3-container w3-padding-32 w3-center w3-theme">
<button class="w3-btn w3-large w3-theme-dark w3-round-xxlarge" style="font-weight:900;">Last Update: <span id="date"></span></button>
</header>
<input type="text" id="myInput" placeholder="Sec... finds Secretary, Rec finds Receptionist and so on" title="Search">
<ul id="myUL">
<li class="tag1"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 1</b></a>
</li><li class="tag1"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 1</b></a>
</li><li class="tag1"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 1</b></a>
</li><li class="tag1"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 1</b></a>
</li><li class="tag1"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 1</b></a>
</li><li class="tag1"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 1</b></a>
</li><li class="tag1"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 1</b></a>
</li><li class="tag1"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 1</b></a>
</li><li class="tag1"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 1</b></a>
</li><li class="tag1"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 1</b></a>
</li><li class="tag2"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 2</b></a>
</li><li class="tag2"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 2</b></a>
</li><li class="tag2"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 2</b></a>
</li><li class="tag2"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 2</b></a>
</li><li class="tag2"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 2</b></a>
</li><li class="tag2"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 2</b></a>
</li><li class="tag2"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 2</b></a>
</li><li class="tag2"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 2</b></a>
</li><li class="tag2"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 2</b></a>
</li><li class="tag2"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 2</b></a>
</li><li class="tag3"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 3</b></a>
</li><li class="tag3"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 3</b></a>
</li><li class="tag3"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 3</b></a>
</li><li class="tag3"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 3</b></a>
</li><li class="tag3"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 3</b></a>
</li><li class="tag3"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 3</b></a>
</li><li class="tag3"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 3</b></a>
</li><li class="tag3"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 3</b></a>
</li><li class="tag3"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 3</b></a>
</li><li class="tag3"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 3</b></a>
</li><li class="tag4"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 4</b></a>
</li><li class="tag4"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 4</b></a>
</li><li class="tag4"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 4</b></a>
</li><li class="tag4"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 4</b></a>
</li><li class="tag4"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 4</b></a>
</li><li class="tag4"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 4</b></a>
</li><li class="tag4"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 4</b></a>
</li><li class="tag4"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 4</b></a>
</li><li class="tag4"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 4</b></a>
</li><li class="tag4"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 4</b></a>
</li><li class="tag5"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 5</b></a>
</li><li class="tag5"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 5</b></a>
</li><li class="tag5"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 5</b></a>
</li><li class="tag5"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 5</b></a>
</li><li class="tag5"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 5</b></a>
</li><li class="tag5"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 5</b></a>
</li><li class="tag5"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 5</b></a>
</li><li class="tag5"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 5</b></a>
</li><li class="tag5"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 5</b></a>
</li><li class="tag5"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 5</b></a>
</li><li class="tag6"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 6</b></a>
</li><li class="tag6"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 6</b></a>
</li><li class="tag6"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 6</b></a>
</li><li class="tag6"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 6</b></a>
</li><li class="tag6"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 6</b></a>
</li><li class="tag6"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 6</b></a>
</li><li class="tag6"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 6</b></a>
</li><li class="tag6"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 6</b></a>
</li><li class="tag6"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 6</b></a>
</li><li class="tag6"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 6</b></a>
</li><li class="tag7"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 7</b></a>
</li><li class="tag7"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 7</b></a>
</li><li class="tag7"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 7</b></a>
</li><li class="tag7"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 7</b></a>
</li><li class="tag7"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 7</b></a>
</li><li class="tag7"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 7</b></a>
</li><li class="tag7"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 7</b></a>
</li><li class="tag7"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 7</b></a>
</li><li class="tag7"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 7</b></a>
</li><li class="tag7"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 7</b></a>
</li><li class="tag8"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 8</b></a>
</li><li class="tag8"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 8</b></a>
</li><li class="tag8"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 8</b></a>
</li><li class="tag8"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 8</b></a>
</li><li class="tag8"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 8</b></a>
</li><li class="tag8"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 8</b></a>
</li><li class="tag8"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 8</b></a>
</li><li class="tag8"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 8</b></a>
</li><li class="tag8"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 8</b></a>
</li><li class="tag8"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 8</b></a>
</li><li class="tag9"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 9</b></a>
</li><li class="tag9"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 9</b></a>
</li><li class="tag9"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 9</b></a>
</li><li class="tag9"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 9</b></a>
</li><li class="tag9"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 9</b></a>
</li><li class="tag9"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 9</b></a>
</li><li class="tag9"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 9</b></a>
</li><li class="tag9"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 9</b></a>
</li><li class="tag9"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 9</b></a>
</li><li class="tag9"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 9</b></a>
</li><li class="tag10"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 10</b></a>
</li><li class="tag10"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 10</b></a>
</li><li class="tag10"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 10</b></a>
</li><li class="tag10"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 10</b></a>
</li><li class="tag10"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 10</b></a>
</li><li class="tag10"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 10</b></a>
</li><li class="tag10"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 10</b></a>
</li><li class="tag10"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 10</b></a>
</li><li class="tag10"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 10</b></a>
</li><li class="tag10"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 10</b></a>
</li><li class="tag11"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 11</b></a>
</li><li class="tag11"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 11</b></a>
</li><li class="tag11"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 11</b></a>
</li><li class="tag11"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 11</b></a>
</li><li class="tag11"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 11</b></a>
</li><li class="tag11"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 11</b></a>
</li><li class="tag11"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 11</b></a>
</li><li class="tag11"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 11</b></a>
</li><li class="tag11"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 11</b></a>
</li><li class="tag11"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 11</b></a>
</li><li class="tag12"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 12</b></a>
</li><li class="tag12"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 12</b></a>
</li><li class="tag12"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 12</b></a>
</li><li class="tag12"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 12</b></a>
</li><li class="tag12"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 12</b></a>
</li><li class="tag12"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 12</b></a>
</li><li class="tag12"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 12</b></a>
</li><li class="tag12"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 12</b></a>
</li><li class="tag12"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 12</b></a>
</li><li class="tag12"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 12</b></a>
</li><li class="tag13"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 13</b></a>
</li><li class="tag13"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 13</b></a>
</li><li class="tag13"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 13</b></a>
</li><li class="tag13"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 13</b></a>
</li><li class="tag13"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 13</b></a>
</li><li class="tag13"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 13</b></a>
</li><li class="tag13"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 13</b></a>
</li><li class="tag13"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 13</b></a>
</li><li class="tag13"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 13</b></a>
</li><li class="tag13"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 13</b></a>
</li><li class="tag14"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 14</b></a>
</li><li class="tag14"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 14</b></a>
</li><li class="tag14"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 14</b></a>
</li><li class="tag14"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 14</b></a>
</li><li class="tag14"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 14</b></a>
</li><li class="tag14"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 14</b></a>
</li><li class="tag14"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 14</b></a>
</li><li class="tag14"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 14</b></a>
</li><li class="tag14"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 14</b></a>
</li><li class="tag14"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 14</b></a>
</li><li class="tag15"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 15</b></a>
</li><li class="tag15"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 15</b></a>
</li><li class="tag15"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 15</b></a>
</li><li class="tag15"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 15</b></a>
</li><li class="tag15"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 15</b></a>
</li><li class="tag15"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 15</b></a>
</li><li class="tag15"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 15</b></a>
</li><li class="tag15"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 15</b></a>
</li><li class="tag15"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 15</b></a>
</li><li class="tag15"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 15</b></a>
</li><li class="tag16"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 16</b></a>
</li><li class="tag16"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 16</b></a>
</li><li class="tag16"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 16</b></a>
</li><li class="tag16"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 16</b></a>
</li><li class="tag16"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 16</b></a>
</li><li class="tag16"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 16</b></a>
</li><li class="tag16"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 16</b></a>
</li><li class="tag16"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 16</b></a>
</li><li class="tag16"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 16</b></a>
</li><li class="tag16"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 16</b></a>
</li><li class="tag17"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 17</b></a>
</li><li class="tag17"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 17</b></a>
</li><li class="tag17"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 17</b></a>
</li><li class="tag17"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 17</b></a>
</li><li class="tag17"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 17</b></a>
</li><li class="tag17"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 17</b></a>
</li><li class="tag17"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 17</b></a>
</li><li class="tag17"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 17</b></a>
</li><li class="tag17"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 17</b></a>
</li><li class="tag17"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 17</b></a>
</li><li class="tag18"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 18</b></a>
</li><li class="tag18"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 18</b></a>
</li><li class="tag18"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 18</b></a>
</li><li class="tag18"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 18</b></a>
</li><li class="tag18"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 18</b></a>
</li><li class="tag18"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 18</b></a>
</li><li class="tag18"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 18</b></a>
</li><li class="tag18"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 18</b></a>
</li><li class="tag18"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 18</b></a>
</li><li class="tag18"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 18</b></a>
</li><li class="tag19"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 19</b></a>
</li><li class="tag19"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 19</b></a>
</li><li class="tag19"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 19</b></a>
</li><li class="tag19"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 19</b></a>
</li><li class="tag19"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 19</b></a>
</li><li class="tag19"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 19</b></a>
</li><li class="tag19"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 19</b></a>
</li><li class="tag19"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 19</b></a>
</li><li class="tag19"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 19</b></a>
</li><li class="tag19"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 19</b></a>
</li><li class="tag20"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 20</b></a>
</li><li class="tag20"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 20</b></a>
</li><li class="tag20"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 20</b></a>
</li><li class="tag20"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 20</b></a>
</li><li class="tag20"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 20</b></a>
</li><li class="tag20"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 20</b></a>
</li><li class="tag20"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 20</b></a>
</li><li class="tag20"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 20</b></a>
</li><li class="tag20"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 20</b></a>
</li><li class="tag20"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 20</b></a>
</li><li class="tag21"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 21</b></a>
</li><li class="tag21"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 21</b></a>
</li><li class="tag21"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 21</b></a>
</li><li class="tag21"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 21</b></a>
</li><li class="tag21"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 21</b></a>
</li><li class="tag21"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 21</b></a>
</li><li class="tag21"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 21</b></a>
</li><li class="tag21"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 21</b></a>
</li><li class="tag21"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 21</b></a>
</li><li class="tag21"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 21</b></a>
</li><li class="tag22"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 22</b></a>
</li><li class="tag22"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 22</b></a>
</li><li class="tag22"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 22</b></a>
</li><li class="tag22"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 22</b></a>
</li><li class="tag22"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 22</b></a>
</li><li class="tag22"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 22</b></a>
</li><li class="tag22"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 22</b></a>
</li><li class="tag22"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 22</b></a>
</li><li class="tag22"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 22</b></a>
</li><li class="tag22"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 22</b></a>
</li><li class="tag23"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 23</b></a>
</li><li class="tag23"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 23</b></a>
</li><li class="tag23"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 23</b></a>
</li><li class="tag23"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 23</b></a>
</li><li class="tag23"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 23</b></a>
</li><li class="tag23"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 23</b></a>
</li><li class="tag23"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 23</b></a>
</li><li class="tag23"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 23</b></a>
</li><li class="tag23"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 23</b></a>
</li><li class="tag23"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 23</b></a>
</li><li class="tag24"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 24</b></a>
</li><li class="tag24"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 24</b></a>
</li><li class="tag24"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 24</b></a>
</li><li class="tag24"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 24</b></a>
</li><li class="tag24"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 24</b></a>
</li><li class="tag24"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 24</b></a>
</li><li class="tag24"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 24</b></a>
</li><li class="tag24"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 24</b></a>
</li><li class="tag24"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 24</b></a>
</li><li class="tag24"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 24</b></a>
</li><li class="tag25"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 25</b></a>
</li><li class="tag25"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 25</b></a>
</li><li class="tag25"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 25</b></a>
</li><li class="tag25"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 25</b></a>
</li><li class="tag25"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 25</b></a>
</li><li class="tag25"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 25</b></a>
</li><li class="tag25"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 25</b></a>
</li><li class="tag25"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 25</b></a>
</li><li class="tag25"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 25</b></a>
</li><li class="tag25"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 25</b></a>
</li><li class="tag26"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 26</b></a>
</li><li class="tag26"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 26</b></a>
</li><li class="tag26"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 26</b></a>
</li><li class="tag26"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 26</b></a>
</li><li class="tag26"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 26</b></a>
</li><li class="tag26"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 26</b></a>
</li><li class="tag26"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 26</b></a>
</li><li class="tag26"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 26</b></a>
</li><li class="tag26"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 26</b></a>
</li><li class="tag26"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 26</b></a>
</li><li class="tag27"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 27</b></a>
</li><li class="tag27"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 27</b></a>
</li><li class="tag27"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 27</b></a>
</li><li class="tag27"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 27</b></a>
</li><li class="tag27"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 27</b></a>
</li><li class="tag27"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 27</b></a>
</li><li class="tag27"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 27</b></a>
</li><li class="tag27"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 27</b></a>
</li><li class="tag27"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 27</b></a>
</li><li class="tag27"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 27</b></a>
</li><li class="tag28"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 28</b></a>
</li><li class="tag28"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 28</b></a>
</li><li class="tag28"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 28</b></a>
</li><li class="tag28"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 28</b></a>
</li><li class="tag28"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 28</b></a>
</li><li class="tag28"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 28</b></a>
</li><li class="tag28"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 28</b></a>
</li><li class="tag28"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 28</b></a>
</li><li class="tag28"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 28</b></a>
</li><li class="tag28"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 28</b></a>
</li><li class="tag29"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 29</b></a>
</li><li class="tag29"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 29</b></a>
</li><li class="tag29"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 29</b></a>
</li><li class="tag29"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 29</b></a>
</li><li class="tag29"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 29</b></a>
</li><li class="tag29"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 29</b></a>
</li><li class="tag29"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 29</b></a>
</li><li class="tag29"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 29</b></a>
</li><li class="tag29"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 29</b></a>
</li><li class="tag29"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 29</b></a>
</li><li class="tag30"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 30</b></a>
</li><li class="tag30"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 30</b></a>
</li><li class="tag30"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 30</b></a>
</li><li class="tag30"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 30</b></a>
</li><li class="tag30"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 30</b></a>
</li><li class="tag30"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 30</b></a>
</li><li class="tag30"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 30</b></a>
</li><li class="tag30"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 30</b></a>
</li><li class="tag30"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 30</b></a>
</li><li class="tag30"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 30</b></a>
</li><li class="tag31"><a href="https://www.html.de" target="_blank"><b>Job1, Tag 31</b></a>
</li><li class="tag31"><a href="https://www.html.de" target="_blank"><b>Job2, Tag 31</b></a>
</li><li class="tag31"><a href="https://www.html.de" target="_blank"><b>Job3, Tag 31</b></a>
</li><li class="tag31"><a href="https://www.html.de" target="_blank"><b>Job4, Tag 31</b></a>
</li><li class="tag31"><a href="https://www.html.de" target="_blank"><b>Job5, Tag 31</b></a>
</li><li class="tag31"><a href="https://www.html.de" target="_blank"><b>Job6, Tag 31</b></a>
</li><li class="tag31"><a href="https://www.html.de" target="_blank"><b>Job7, Tag 31</b></a>
</li><li class="tag31"><a href="https://www.html.de" target="_blank"><b>Job8, Tag 31</b></a>
</li><li class="tag31"><a href="https://www.html.de" target="_blank"><b>Job9, Tag 31</b></a>
</li><li class="tag31"><a href="https://www.html.de" target="_blank"><b>Job10, Tag 31</b></a>
</li></ul>
<footer class="w3-container w3-theme">
<div class="w3-container w3-padding-16 w3-theme">
<a>Copyright:</a> 2011 / <a id="year2"></a>
</div>
</footer>
<script>
var d = new Date();
document.getElementById('date').innerHTML = d.getDate()+' . '+(d.getMonth()+1)+' . '+d.getFullYear();
/* Zeigt heutigen Tag */
var n = (d.getDate());
document.querySelectorAll('.tag'+n).forEach((p)=>{
p.style.display='block';
})
document.getElementById("year2").innerHTML = d.getFullYear();
such=document.getElementById('myInput');
such.addEventListener('keyup',function(){
sucherg=such.value;
document.querySelectorAll('.tag'+n).forEach((p)=>{
html=p.textContent;
inhalt=html.indexOf(sucherg);
if(inhalt!=-1){
p.style.background='yellow';
}else{
p.style.background='#ff5722';
}
});
})
</script>
</body>
</html>