<div class="ui main container">
  <h1>Überschneidung zweier Arrays</h1>
  <a class="ui black label">ES 6</a>
    <a class="ui black label">Set()</a>
      <a class="ui black label">for...it</a>
  <a class="ui black label">set.add()</a>
<div class="ui message">
  <div class="header">
    Set()
    
  </div>
  <p>Das Set-Objekt kann verwendet werden, um eindeutige Werte jeden beliebigen Typs zu speichern</p>
</div>
  <div class="ui message">
  <div class="header">
    for ... of
    
  </div>
  <p>Mit dem for...of statement kann man durch Objekte iterieren (Array, Map, Set, das arguments Objekt und weitere eingeschlossen).</p>

</div>
    <div class="ui message">
  <div class="header">
    set.add()
    
  </div>
  <p>  Die add() Methode hängt ein neues Element mit seinem Value an das Ende des Set-Objektes.</p>
    

</div>
  <form class="ui form">
    <div class="field">
    <label>Array 1 ( z.B. 4 9 2 622 ) </label>
    <input type="text" class="yourString1" name="yourString1" placeholder="Array eingeben">
  </div>
        <div class="field">
    <label>Array 2 ( z.B. 4 9 2 622 ) </label>
    <input type="text" class="yourString2" name="yourString2" placeholder="Array eingeben">
  </div>
    
  <div class="ui labeled button" >
    <div class="ui massive green button">
      <i class="sync icon"></i>Überschneidung herausfinden
    </div>
 <a class="ui basic green left pointing label">
      
    </a>
  </div>
  </form>
</div>
.ui.container {
  width: 1127px;
  margin: 0 auto;
  padding: 20px;
}
View Compiled

  $('.ui.button').click(function(){
    var yourString1 = $(".yourString1").val();
    var yourString2 = $(".yourString2").val();
    console.log(yourString1)
    intersect(yourString1, yourString2);
  });

// function compute intersection between two arrays
function intersect(myString1, myString2) {
    let mySet1 = new Set()
    let mySet2= new Set
    myArray1 = myString1.split(" ")
      myArray2 = myString2.split(" ")
    for (let num of myArray1){
      mySet1.add(num)
    }
    for (let num of myArray2){
      if (myArray1.includes(num)) {
         mySet2.add(num);
      }
    }


      $('.ui.pointing.label').text(Array.from(mySet2));
  console.log(Array.from(mySet2));
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js