Блог

Главная - Вопросы по программированию - Как добавить разделитель строк в массив и выровнять его по правому краю

Как добавить разделитель строк в массив и выровнять его по правому краю

#javascript #arrays

#javascript #массивы

Вопрос:

Я новичок в Java script .Только что создал небольшой проект, который генерирует кавычки. Но я хочу, чтобы имя человека, который дал цитату, было в следующей строке и выровнено по правому краю, но не могу понять, как это сделать в теге прерывателя строки массива, не работает.

HTML

 <body>
    <div class="container">
        <div class="container-fluid">
            <button type="button" class="btn btn-success">Generate Quote</button>
            <div class="row">

                <div class="col-lg-12">

                </div>
            </div>
        </div>
    </div>

    <script src="index.js" async defer>
    </script>
</body>

JS

 let quotes=["I'm selfish, impatient and a little insecure. I make mistakes, I am out of control and at times hard to handle. But if you can't handle me at my worst, then you sure as hell don't deserve me at my best.","You only live once, but if you do it right, once is enough."];
let btn=document.querySelector(".btn");
let adding=document.querySelector(".col-lg-12");
btn.addEventListener("click",function(){
    let myQuote=quotes[getRandomNumber()];
    adding.textContent=myQuote;
 
  })

console.log(getRandomNumber());

function getRandomNumber(){
return (Math.floor(Math.random()*quotes.length))};

Спасибо Вам за ваше драгоценное время!

Комментарии:

1. Где находится имя этого человека. Я имею в виду, что это не в данных, верно? Можем ли мы использовать любое имя:)

2. я еще не добавил сюда, что вы можете добавить «xyz» для справки.

3. Вы должны сказать, как выглядят данные этого человека, чтобы получить ответ!

Ответ №1:

Добавление тега может создать новую строку. Для выравнивания текста по правому краю нужен CSS.

 let quotes=["I'm selfish, impatient and a little insecure. I make mistakes, I am out of control and at times hard to handle. But if you can't handle me at my worst, then you sure as hell don't deserve me at my best.","You only live once, but if you do it right, once is enough."];

let reference = '-Unknown'
let aTag = document.createElement('p');
aTag.style.textAlign = 'right';

let btn=document.querySelector(".btn");
let adding=document.querySelector(".col-lg-12");
btn.addEventListener("click",function(){
    let myQuote=quotes[getRandomNumber()];
    adding.textContent=myQuote;
    aTag.textContent = reference;
    adding.appendChild(aTag);
  })

console.log(getRandomNumber());

function getRandomNumber(){
return (Math.floor(Math.random()*quotes.length))}; 
 <body>
    <div class="container">
        <div class="container-fluid">
            <button type="button" class="btn btn-success">Generate Quote</button>
            <div class="row">

                <div class="col-lg-12">

                </div>
            </div>
        </div>
    </div>

    <script src="index.js" async defer>
    </script>
</body>