<div class="ui main container">
<h1>Ausgabe des umgedrehten Strings</h1>
<a class="ui black label">ES 5</a>
<a class="ui black label">split()</a>
<a class="ui black label">join()</a>
<a class="ui black label">reverse()</a><br><br>
<form class="ui form">
<div class="field">
<label>Gib einen Text ein</label>
<input type="text" class="yourString" name="yourString" placeholder="Gib einen Text ein">
</div>
<div class="ui labeled button" >
<div class="ui massive violet button">
<i class="sync icon"></i>Ausgabe des umgedrehten Strings
</div>
<a class="ui basic violet left pointing label">
</a>
</div>
</form>
</div>
$('.ui.button').click(function(){
var yourString = ($(".yourString").val());
giveStringReverseBack(yourString);
});
// function return reverse string
function giveStringReverseBack(string) {
var myArray = string.split('');
var reverseArray = myArray.reverse();
var stringBack = reverseArray.join('');
$('.ui.label.pointing').text(stringBack);
}
