Highscore Alert - next line and Title

Question

I have a quiz on my website and use local storage to save the last scores.

I like to print them in an alert and it works well, but I like to print every score in a new line.
How is this possible?

Also, is it possible to put a title (or a text above the scores) in the alert?

function highscore() {
    var lastscores = localStorage.getItem("lastscores.sort().reverse()").split("\n")
}

Example of an alert

You need to use the new line control code: https://stackoverflow.com/questions/1841452/new-line-in-javascript-alert-box — Tom John, Oct 17 '18 at 09:29
https://www.w3schools.com/js/tryit.asp?filename=tryjs_alert2 simple example here — Viira, Oct 17 '18 at 09:29

Ali Torki · Answer 1 · 2018-10-17T09:42:27.280

2

You should use the join function instead of split for instance:

const scores = [1,2,3]; 

alert(scores.join("\n"))

edited Oct 17 '18 at 09:42

answered Oct 17 '18 at 09:30

Ali Torki

1,929
16
26

1

Like this: function highscore() { var lastscores = localStorage.getItem("lastscores.sort().reverse()").join("\n"); } It is the same result :( – TechGuy01 Oct 17 '18 at 10:15

score 2 · Answer 2 · edited Oct 17 '18 at 11:00

2

Try this

alert(scores.toLocaleString().replace(/,/g, '\n'))

edited Oct 17 '18 at 11:00

MBehtemam

7,865
15
66
108

answered Oct 17 '18 at 09:58

user9249832

54
2

I tried it but it does not work. Can you please implement it in my code? – TechGuy01 Oct 17 '18 at 10:34

score 0 · Answer 3 · answered Oct 17 '18 at 09:33

0

Try this code:

function highscore() {
var lastscores = localStorage.getItem("lastscores.sort().reverse()").replace(/ *, */g, '<br>');
}

answered Oct 17 '18 at 09:33

Korat Prakash

161
6

Thank you! It's the same result :( – TechGuy01 Oct 17 '18 at 10:13

MBehtemam · Accepted Answer · 2018-10-17T10:58:40.100

in this code, I first save some score in an array, then retrieve it from localStorage and then split it to array, because it's string so parse it to integer and then sort it in descending order. if you want ascending order to replace b-a to a-b

  localStorage.setItem("lastscores",[18,44,5,7]);
  var title = "Your HighSocres";

function highscore() {
  var lastscores =   
  localStorage.getItem("lastscores")
              .split(',')
              .map(function(s){
                      return parseInt(s); //convert to integer(Number)
                 })
              .sort(function(a,b){
                      return b -a //sort decending)
                    })
             .join('\n')
var toAlert = title + "\n" + lastscores
    alert(toAlert)
}

for title you can do something like :

const allString = "Your socres \n" + lastscores

@Nils-HendrikWelk if my answer help or solve your problem please accept it. — MBehtemam, Oct 18 '18 at 08:04

Highscore Alert - next line and Title

4 Answers4