JavaScript - Problem splitting a long code line

Question

I want to split this line because its too long.

ticketText = `*Environment:*\n${values["environment"]}\n\n*Observed on:*\n${values["observedOn"]}\n\n*Description:*\n${values["description"]}\n\n*Steps:*\n${steps}\n\n*Attachments:*`

I tried this but its adding space at the beginning of Observed on and Steps.

ticketText = `*Environment:*\n${values["environment"]}\n\n
*Observed on:*\n${values["observedOn"]}\n\n*Description:*\n${values["description"]}\n\n
*Steps:*\n${steps}\n\n*Attachments:*`

Max · Answer 1 · 2020-01-19T16:55:34.547

1

You can go with this approach:

const values = {
  environment: "UAT",
  observedOn: "Something",
  description: "Something"
};
const steps = "Something";
const ticketText =
  `*Environment:*\n${values["environment"]}\n\n` +
  `*Observed on:*\n${values["observedOn"]}\n\n` +
  `*Description:*\n${values["description"]}\n\n` +
  `*Steps:*\n${steps}\n\n*Attachments:*`;

console.log(ticketText);

edited Jan 19 '20 at 16:55

answered Jan 19 '20 at 16:44

Max

1,996
1
10
16

mplungjan · Answer 2 · 2020-01-20T22:14:16.387

You can use a line continuation (\)

const values = { "observedOn":"Friday", "description":"Bla", "environment":"cold" }
const steps = 4;
ticketText = `*Environment:*\n${values["environment"]}\n\n\
*Observed on:*\n${values["observedOn"]}\n\n*Description:*\n${values["description"]}\n\n\
*Steps:*\n${steps}\n\n*Attachments:*`

console.log(ticketText)

Using clipboard

const values = {
  "observedOn": "Friday",
  "description": "Bla",
  "environment": "cold"
};
const steps = 4;
const ticketText = `*Environment:*\n${values["environment"]}\n\n\
*Observed on:*\n${values["observedOn"]}\n\n*Description:*\n${values["description"]}\n\n\
*Steps:*\n${steps}\n\n*Attachments:*`
document.getElementById("btn").addEventListener("click", function() {
  navigator.clipboard.writeText(ticketText).then(function() {
    console.log('Async: Copying to clipboard was successful!');
    navigator.clipboard.readText().then(function(data) {
      document.getElementById("ta").value = data;
    });
  }, function(err) {
    console.error('Async: Could not copy text: ', err);
  });
});

<button id="btn" type="button">Paste from Clipboard</button><br/>
<textarea id="ta" rows=15 cols=50></textarea>

I tried that before but doesnt work good, its adding a space before Observed on and Steps. I have a button that copy that text to the clipboard and when I paste it I see those whitespaces — Fran, Jan 19 '20 at 19:07
@Fran W o r k s f o r m e - see update - you need to allow clipboard access — mplungjan, Jan 20 '20 at 22:15

score 0 · Answer 3 · answered Jan 19 '20 at 16:47

You can add \ character to the end of each line:

var values = {
  environment: 'environment',
  observedOn: 'observedOn',
  description: 'description'
};

var steps = 'steps';


console.log(`*Environment:*\n${values["environment"]}\n\n\
*Observed on:*\n${values["observedOn"]}\n\n*Description:*\n${values["description"]}\n\n\
*Steps:*\n${steps}\n\n*Attachments:*`)

JavaScript - Problem splitting a long code line

3 Answers3