Нужен простой javascript

@olnet · Регистрация: 15.02.2015

Студворк — интернет-сервис помощи студентам

Всем привет.
Помогите пожалуйста с простым JavaScript. Нужно вписать значения, которые бы вставились в нужное место при нажатии выполнить.
Пример:

Дали: 5
Съел: 2
Осталось: 3

Собственно после нажатия кнопки выполнить эти значения должны автоматически подставится в нужное место.
Пример:
Буратине дали 5 яблок.
Съел он 2 яблока.
Осталось у него 3 яблока.

Добавлено через 1 час 13 минут
То что делаю я, но не работает.

P.S. с JavaScript никогда не работал, этот нужен для упрощений одной задачи.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
  <title>Hello World</title>
</head>
<body>
 
Дали: <input id="dali">
Съел: <input id="sel">
Осталось: <input id="ostalos">
<button id="say">Click!</button>
 
<hr>
<div id="result"></div>
 
<script>
function say_hi() {
    var dali = document.getElementById('dali').value;
    var sel = document.getElementById('sel').value;
    var ostalos = document.getElementById('ostalos').value;
 
 
    var html = 'Буратине дали' + ' ' + dali + ' ' + 'яблок';
    var html = 'Съел он ' + ' ' + sel + ' ' + 'яблока';
    var html = 'Осталось у него' + ' ' + ostelos + ' ' + 'яблока';
 
    document.getElementById('result').innerHTML = html;
}
 
document.getElementById('say').addEventListener('click', say_hi);
</script>
 
</body>
</html>

@Aleksandrw · 25.03.2018, 16:10

olnet, для начала :

JavaScript
1
var html = 'Осталось у него' + ' ' + ostalos + ' ' + 'яблока';

Можно изменить :

JavaScript
1
2
var html = ['Буратине дали' + ' ' + dali + ' ' + 'яблок','Съел он ' + ' ' + sel + ' ' + 'яблока','Осталось у него' + ' ' + ostalos + ' ' + 'яблока'+'.'];
document.getElementById('result').innerHTML = html;

@olnet · 25.03.2018, 16:45 **[ТС]**

Подскажите еще пожалуйста как вывод строк сделать, что бы все с новой строки были, а не через запятую?

@Aleksandrw · 25.03.2018, 17:16

olnet, немного изменил :

JavaScript
1
2
3
4
var html = ['Буратине дали' + ' ' + dali + ' ' + 'яблока'+ ',' ,'Съел он ' + ' ' + sel + ' ' + 'яблока'+  ',' ,'Осталось у него' + ' ' + ostalos + ' ' + 'яблока'+ '.'];
for (var i = 0 ; i < html.length ; i ++ ){
    document.getElementById('result').innerHTML += html[i] + '</br>' ;
 }

Есть вариант добавить '</br>' в необходимых местах в самом массиве.

P.S На будущее, при добавлении кода в сообщении, используйте специальные поля для вставки. Так легче разбираться

Добавлено через 5 минут

@olnet · 25.03.2018, 17:21 **[ТС]**

Спасибо, работает.

Новые блоги и статьи Все статьи Все блоги /
Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем
10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .

@olnet 0 / 0 / 0 Регистрация: 15.02.2015 Сообщений: 5
	25.03.2018, 16:45 [ТС]
	Подскажите еще пожалуйста как вывод строк сделать, что бы все с новой строки были, а не через запятую? 0

@olnet 0 / 0 / 0 Регистрация: 15.02.2015 Сообщений: 5
	25.03.2018, 17:21 [ТС]
	Спасибо, работает. 0

Нужен простой javascript

Решение