Javascript 构建一个字符计数函数_Javascript_Html

Javascript 构建一个字符计数函数

javascript html

Javascript 构建一个字符计数函数,javascript,html,Javascript,Html,我需要构建一个小应用程序，它可以接受用户输入并返回字母列表和单词出现的次数，例如，用户输入：Hello。 Outout应为： h:1 e:1 l:2 o:1 信笺台计数 h:1 e:1 l:2 o:1 您可以使用对象 var str='Hello' var obj={}； str.split（“”）.forEach（函数（e）{ obj.hasOwnProperty（e）？obj[e]=++obj[e]：obj[e]=1 }) console.log（obj）Javascript在哪

我需要构建一个小应用程序，它可以接受用户输入并返回字母列表和单词出现的次数，例如，用户输入：Hello。 Outout应为：

h:1
e:1
l:2
o:1


信笺台
计数

h:1
e:1
l:2
o:1

您可以使用对象

var str='Hello'
var obj={}；
str.split（“”）.forEach（函数（e）{
obj.hasOwnProperty（e）？obj[e]=++obj[e]：obj[e]=1
})
console.log（obj）

Javascript在哪里？通常，当您有一个编程问题需要解决时，第一步是尝试解决它

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <link rel="stylesheet" href="style.css">

  <title>Letter Counter</title>
</head>
<body>

  <form id="word-form">
    <input type="text" id="word-input" value="hello">
    <button>Count</button>
  </form>

  <ul id="letter-list">
    <li>h: 1</li>
    <li>e: 1</li>
    <li>l: 2</li>
    <li>o: 1</li>
  </ul>

</body>
</html>