<html>
<head>
<style>
body{
font-size: 24px;
line-height: 24px;
text-align: center;
}
</style>
</head>
<body>
<script>
function fn(a) {
for(var i=0, k = a/2-1, s = ['*'.repeat(a)+'\n']; i < k; i++) {
s.push('*'+' '.repeat(i)+'*'+' '.repeat(a - 4 - 2 * i)+'*'+' '.repeat(i)+'*\n');
}
document.write('<pre>'+s.join('')+s.reverse().join(''))
}
fn(14)
</script>
</body>
</html>
Была бы string.reverse(), упаковали половину в строку, присоединили к ней развернутую и готово.