Как запустить скрипт?

Question

[Mark]

Здравствуйте, задача довольно простая, как запустить скрипт на html странице?))
Вроде и легко, а думаю над ней уже долго, помогите пожалуйста))

var str =  "один три два три три три";
var words = str.split(" ");
var collect = {};
for (var i = 0; i < words.length; i++) {
  // если в словаре еще нет свойства words[i] заводим такое свойство с значением 0
  if (!collect[words[i]])
    collect[words[i]] = 0;
  // увеличиваем счетчик
  collect[words[i]]++;
}

// вывод результатов
for(var word in collect)
  console.log(word, collect[word]);

Answer 1

[Сергей Соколов]

1. обернуть ваш код в тег script:

spoiler

<script>
var str =  "один три два три три три";
var words = str.split(" ");
var collect = {};
for (var i = 0; i < words.length; i++) {
  // если в словаре еще нет свойства words[i] заводим такое свойство с значением 0
  if (!collect[words[i]])
    collect[words[i]] = 0;
  // увеличиваем счетчик
  collect[words[i]]++;
}

// вывод результатов
for(var word in collect)
  console.log(word, collect[word]);
</script>

2. открыть консоль браузера, т.к. вывод console.log() идёт в консоль, и на странице ничего не появится:

• Google Chrome, FireFox: Ctrl + Shift + J
  
• Opera: Ctrl + Shift + i и клик по табу Console
  

Comments

[Mark]

Как результат на сайте вывести? Подскажете?

[Сергей Соколов]

Создать пустой div: <div id="output"></div>
Найти его по id и выводить внутрь его:

const out = document.getElementById("output");
// ... далее вместо console.log():
out.innerHTML += '<br>' + word + ": " + collect[word];

[Сергей Соколов]

удобно это всё пробовать на jsFiddle. Ваш рабочий пример.

Answer 2

[Олег]

var str = "один три два три три три";
var words = str.split(" ");
var collect = {};
for (var i = 0; i < words.length; i++) {
// если в словаре еще нет свойства words[i] заводим такое свойство с значением 0
if (!collect[words[i]])
collect[words[i]] = 0;
// увеличиваем счетчик
if(collect[words[i]]<1)
collect[words[i]]++;
}

// вывод результатов
for(var word in collect)
console.log(word, collect[word]);

Comments

[Mark]

ну вы просто скопировали, а на html запустить как?))
чтобы результат вывел

[Олег]

Mark, ))

<script>
var str = "один три два три три три";
var words = str.split(" ");
var collect = {};
for (var i = 0; i < words.length; i++) {
// если в словаре еще нет свойства words[i] заводим такое свойство с значением 0
if (!collect[words[i]])
collect[words[i]] = 0;
// увеличиваем счетчик
if(collect[words[i]]<1)
collect[words[i]]++;
}

// вывод результатов
for(var word in collect)
console.log(word, collect[word]);
</script>

[Mark]

Олег, пробовал, не выводится, пустую страницу показывает)

[Олег]

Mark, и не просто скопировал, а заносит только несуществующие в массив

[Олег]

Mark, так ты же в консоль выводишь))

[Олег]

<script>
var str =  "один три два три три три";
var words = str.split(" ");
var collect = {};
for (var i = 0; i < words.length; i++) {
  // если в словаре еще нет свойства words[i] заводим такое свойство с значением 0
  if (!collect[words[i]])
    collect[words[i]] = 0;
  // увеличиваем счетчик
  if(collect[words[i]]<1)
  collect[words[i]]++;
}

// вывод результатов
for(var word in collect)
 alert(word, collect[word]);
</script>

[Mark]

Олег, скрипт должен посчитать сколько слов одинаковых в строке
один 1
два 1
три 4
так это работает, не совсем понял, а на html или php странице то как его вывести?) ахах) извиняюсь за тупость)

[Mark]

Олег, блин) там alert а у меня он блокировался, как убрать всплывающее окно и вывести на странице результаты?
хотя в моем решении без alert и не работает)))

[Олег]

Mark, innerHTML смотри