split reverse and joining the string flowchart in Javascript JS with form values entered by user

Split reverse and joining the string flowchart in Javascript JS with form values entered by user.

Flowchart of split reverse and joining the string.
Program of split reverse and joining the string.
Program of split reverse and joining the string with form values entered by user.

Flowchart of split reverse and joining the string.

**Figure:** split reverse and joining the string flowchart in Javascript JS with form values entered by user.

Program of split reverse and joining the string.

<!DOCTYPE html>
<html>
<head><title>Reverse string</title>
<script>
function reversing()
{
var S = document.getElementById("str").value;
S = S.split('');
S = S.reverse();
S = S.join('');
document.write(S);

}
</script>
</head>
<body>
<p style="font-size:20px; ">String <input type="text" id="str" value="I love T4Tutorials.com" /> <button id="str" onclick="reversing()">Reverse String</button>
</body>
</html>

<!DOCTYPE html>

<html>

<head><title>Reverse string</title>

function reversing()

{

var S = document.getElementById("str").value;

S = S.split('');

S = S.reverse();

S = S.join('');

document.write(

S);

}

</script>

</head>

<body>

<p style="font-size:20px; ">String <input type="text" id="str" value="I love T4Tutorials.com" /> <button id="str" onclick="reversing()">Reverse String</button>

</body>

</html>

Program of split reverse and joining the string with form values entered by user.

<!DOCTYPE html>
<html>
<head><title>Reverse string</title>
<script>
function reversing()
{
var S = document.getElementById("str").value;
S = S.split('');
S = S.reverse();
S = S.join('');
document.write(S);

}
</script>
</head>
<body>
<p style="font-size:20px; ">Enter String <input type="text" id="str" /> <button id="str" onclick="reversing()">Reverse String</button>
</body>
</html>