向字符串中的每个字符添加代码
Adding code to every character within a string
我需要创建一个 'word search' 拼图,如果您将鼠标悬停在某个单词上,它会改变颜色,以便您轻松找到它。
为此,我将搜索部分和 separate arrays
中的单词分开了。
我想为每个字符添加 x
,'x'
是一个随机字符。
我不知道哪些代码可以帮助我实现这一目标。
拼图的一部分:
-e------------a--e-
-k--galabal---a---l-
-e------------t----t-
-n-straatlantaarn-o-
-diuleg------------u-
----凯德------------w-
计算机------------
(没有隔断线)
有
计算机、galabal、straatlantaarn、geluid、kade
和其他一些作为需要搜索的词。
拼图是 20 x 20 个字符。
我会尝试为您指明正确的方向,无需 spoon-feeding 代码。
这是算法。
- 使用
explode
以whitespace
字符作为delimiter
将字符串的所有单词拆分为一个数组
- 遍历所有数组元素并开始创建
HTML
输出。
- 对于每个单词,在其前面加上
<span class="word-highlight">
。
- 并在每个单词后附加
</span>
- 记得在 re-creating 句子中也追加空格。
- 还要保留处理句号和代词等的逻辑。
- 现在编写
CSS
代码来处理鼠标在相应 class 上的 :hover
事件(.word-highlight
在我们的例子中),然后改变颜色。
<?php
$letters = array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z");
for($x = 0; $x < count($ruweWoordzoeker); $x++ {
for($y = 0; $y < count($ruweWoordzoeker[$x]); $y++)
{
if ($ruweWoordzoeker[$x][$y] == '-')
{
$ruweWoordzoeker[$x][$y] = $letters[array_rand($letters)];
}
}
这是将每个“-”更改为随机字母的解决方案。
输入为:$ruweWoordzoeker
输出为:$ruweWoordzoeker
我需要创建一个 'word search' 拼图,如果您将鼠标悬停在某个单词上,它会改变颜色,以便您轻松找到它。
为此,我将搜索部分和 separate arrays
中的单词分开了。
我想为每个字符添加 x
,'x'
是一个随机字符。
我不知道哪些代码可以帮助我实现这一目标。
拼图的一部分:
-e------------a--e-
-k--galabal---a---l-
-e------------t----t-
-n-straatlantaarn-o-
-diuleg------------u-
----凯德------------w-
计算机------------
(没有隔断线)
有 计算机、galabal、straatlantaarn、geluid、kade 和其他一些作为需要搜索的词。 拼图是 20 x 20 个字符。
我会尝试为您指明正确的方向,无需 spoon-feeding 代码。
这是算法。
- 使用
explode
以whitespace
字符作为delimiter
将字符串的所有单词拆分为一个数组 - 遍历所有数组元素并开始创建
HTML
输出。 - 对于每个单词,在其前面加上
<span class="word-highlight">
。 - 并在每个单词后附加
</span>
- 记得在 re-creating 句子中也追加空格。
- 还要保留处理句号和代词等的逻辑。
- 现在编写
CSS
代码来处理鼠标在相应 class 上的:hover
事件(.word-highlight
在我们的例子中),然后改变颜色。
<?php
$letters = array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z");
for($x = 0; $x < count($ruweWoordzoeker); $x++ {
for($y = 0; $y < count($ruweWoordzoeker[$x]); $y++)
{
if ($ruweWoordzoeker[$x][$y] == '-')
{
$ruweWoordzoeker[$x][$y] = $letters[array_rand($letters)];
}
}
这是将每个“-”更改为随机字母的解决方案。
输入为:$ruweWoordzoeker
输出为:$ruweWoordzoeker