按行驼峰命名单词转换器

功能

将每行以空格分隔的单词，按驼峰命名合并为一行，并提供复制功能。当行数较多时，可使用一键复制，之后会有复制成功的消息提示。

效果

比如将hello world转换为helloWorld。
也可以多行，下面是拉丁占位文本，可以复制进输入单词的文本框进行转换：

Lorem ipsum dolor sit amet
consectetur adipiscing elit
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
Excepteur sint occaecat cupidatat non proident
sunt in culpa qui officia deserunt mollit anim id est laborum

思路

转换方法

以下是一个基于 JavaScript 的实现方案，可以将每行以空格分隔的单词组成的字符串转换为驼峰命名的字符串。

// 获取文本内容
const text = `hello world
foo bar baz
lorem ipsum dolor`;

// 将文本按行分割后进行处理
const result = text.split('\n').map(line => {
  // 将每行单词按空格分隔后，将首字母大写并连接起来
  const words = line.split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1));
  // 将首单词的首字母小写，并与后面单词连接起来
  return words.map((word, index) => index === 0 ? word.toLowerCase() : word).join('');
}).join('\n');

console.log(result);

界面

我们使用了油猴脚本的语法，在页面上添加了左右各一个文本框，并提供复制功能。

其中，我们创建了一个 <div> 包裹元素，并通过 CSS 设置样式，使用 createElement() 方法创建各个元素，并设置其属性和事件。输入框用于接收用户输入的单词，使用 addEventListener() 方法监听输入内容的变化，并调用 convertWords() 方法进行单词转换，输出框将转换后的结果显示出来，并设置为只读。复制按钮使用 addEventListener() 方法监听用户点击事件，并调用 copyOutput() 方法进行复制操作，使用GM_setClipboard() 方法复制内容到剪切板中，并通过 alert() 方法提示用户操作结果。

输出效果为：

[输入单词文本框]

[输出结果文本框]
[复制按钮]

讲话精神

• 帮我用javascript写一个脚本，文本是每行以空格分隔的单词，将这些单词连起来，按驼峰命名
• 帮我用html写两个文本框
• 帮我写一个油猴脚本，左右各一个文本框，左边可以输入每行以空格分隔的单词；右边文本框的结果是按行将单词连起来，按驼峰命名，要有一键复制功能。