Деление строки на массив

Question

Создать одно окно в котором ты можешь вводить строку, пример:

3+5
3-5
3*5
3/5

После нажимаешь на результат и в результате выдаешь отдельно на каждой строчке:

3
+
5

Answer 1

Так подойдёт или надо чтобы значения вычислялись?

const input = document.querySelector('#exressions');
const calculate = document.querySelector('#calculate');
const results = document.querySelector('#results');

calculate.addEventListener('click', () => {
  results.innerHTML = '';
  
  input.value.split(' ').forEach(expression => {
    const expressionLine = document.createElement('p');
    
    expressionLine.innerHTML = `${expression} =`;
    
    results.append(expressionLine);
  });
});

<input id="exressions"/>
<button id="calculate">Show Results</button>
<div id="results"></div>

Answer 2

Моя попытка)

const input = document.querySelector('.input');
const btn = document.querySelector('.btn');
const show = document.querySelector('.show');



btn.addEventListener('click', function () {
  const values = input.value.split('');
  let operator = null;
  let result = null;
  for (const symbol of values) {
    if (symbol === '+' || symbol === '-' || symbol === '*' || symbol === '/') {
      operator = symbol;
    }
  }
  result = show.innerHTML = `${values[0]}<br>${operator}<br>${values[2]}`
})

  <input type="text" class="input">
  <button class="btn">Show Results</button>
  <div class="show"></div>

БЛОГ НА HUSL

Деление строки на массив

Ответы (2 шт):