bullets

by csnsgiri

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<button id="btn" onclick="Fun()">Add bullets</button>
<button id="btn" onclick="Fun1()">Last line bullets</button> <br>
<textarea id="textarea" rows="6" columns="30"></textarea>


<br><br>
<hr>
<h5>
bullets generation
</h5>
<br>
<button id="btn" onclick="aa()">button1</button>
 <div class="DivSai" ></div>
 
 
 <br>

JavaScript

//$textarea.val($textarea.val().replace(/\n/g,"\n\u2022").replace(/\r/g,"\r\u2022"));
var txt = $('#textarea');

function Fun(){
txt.val(txt.val().replace(/\n/g,"\n\u2022").replace(/\r/g,"\r\u2022"));
}

function Fun1(){
var lastLine = txt.val().substr(txt.val().lastIndexOf("\n")+1);
txt.val(txt.val().replace(lastLine,"\n\u2022"+" "+lastLine));
//alert(lastLine);
}

function aa()
{
  var YourArray = ['United States', 'Canada', 'Argentina', 'Armenia'];
  var ObjUl = $('<ul></ul>');
  for (i = 0; i < YourArray.length; i++)
  {
    var Objli = $('<li></li>');
    var Obja = $('<a></a>');

    ObjUl.addClass("ui-menu-item");
    ObjUl.attr("role", "menuitem");

    Obja.addClass("ui-all");
    Obja.attr("tabindex", "-1");

    Obja.text(YourArray[i]);
    Objli.append(Obja);

    ObjUl.append(Objli);
  }
  $('.DivSai').append(ObjUl);
}