javascript - javascript : swapping technique, 添加随机文本-6ren

javascript - javascript : swapping technique, 添加随机文本

转载作者：行者123 更新时间：2023-11-28 00:28:58

24

4

在我的代码中，每次我用鼠标单击该图像时，该图像都会交换到另一张图像。我在向第二个(交换的)图像添加随机文本时遇到困难。当我看到第一张图片时，文本不应出现。这是我的代码。当我尝试为随机文本编写代码时，java脚本中出现了一些错误。请帮我改正。

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <link rel="stylesheet" href="css/styles.css">
  </head>
  <body>
    <h1></h1>
    <div id="cookie" class='whole'></div>
    </div> 
    <p id="demo"></p>
    <script src="js/cookies.js"></script>
  </body>
</html>

js代码:

var lock = document.getElementById('cookie');
    var state = 'orange';

    function swapImage(){

            if (state === 'orange'){
            lock.className = 'cracked';
            state = 'blue';
        }else{
            lock.className = 'whole';
            state = 'orange';
        }
      }

lock.addEventListener('click', swapImage, false);

var r_text = new Array ();
r_text[0] = "All the leaves are brown";
r_text[1] = "And the sky is grey";
r_text[3] = "On a winter's day";
r_text[4] = "I'd be safe and warm";
r_text[6] = "California dreaming, On such a winter's day";
var i = Math.floor(7*Math.random())

function fortune() {

document.write(r_text[i]);

 }
var elText = document.getElementById('cookies');
elText.addEventListener('click', fortune, false);

CSS:

  #cookie{
     width: 360px;
     height: 216px;
     margin: 100px auto; 
     margin-top: 10px;
   }

.whole {
    background: url("../images/whole.png");
}
.cracked {
    background: url("../images/cracked.png");
}

最佳答案

您必须在 fortune 函数中运行 var i = Math.floor(7*Math.random()) ，或者 i将会和以前一样。

关于javascript - javascript : swapping technique, 添加随机文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29201480/

24

4

0

文章推荐： javascript - 事件监听器只工作一次

c++ - 在命名空间 foo 中声明 swap() 然后在同一命名空间下使用 swap() 而不是 foo::swap() 是否意味着 foo::swap()？
我的问题很简单。执行以下操作是否安全？不需要任何道德建议，例如“不要将函数命名为 swap()!”或者随便什么，拜托! file1.hpp //header guards here #include
clojure - ".swap"源代码中的 "swap!"有什么作用？
我很好奇，所以我检查了swap的源代码! clojure 存储库上的函数，如下所示: (defn swap! "Atomically swaps the value of atom to be:
c++ - 根据非成员 swap() 实现成员 swap()
我正在实现一个与 std::array 具有类似接口(interface)的类，它同时具有 member swap()和 non-member swap() . 由于我希望我的类模仿标准容器，因此我想
c++ - 更喜欢 std::swap 而不是容器的 swap()？
这个问题在这里已经有了答案: Rationale behind member function swap (1 个回答) 关闭 4 年前。如果Coll是标准容器类型，a和b是Coll的实例；那么，
C语言 : How is swapping pointers different from swapping the value pointed to?
int a=5; b=7; int *pa=&a, *pb=&b; 交换 a 和 b 的值与交换指针的值有何不同，即 pa和 pb (不是 *pa 和 *pb )？两种情况下的结果不一样吗？我们什么
c++ - 为什么我将函数命名为 `swap` 时会出现模板错误，但 `Swap` 没问题？
好的，这是程序，绝对正确 #include using namespace std; template void Swap(T &a , T &b); int main(){ int i
c++ - 如果我在整个类上使用 std::swap，是否会使用专门的 shared_ptr::swap() 函数？
std::swap() 函数是否可以在具有各种不同对象作为变量成员的类中正常工作？特别是，如果其中一些成员是智能指针？ class test { ... std::shared_ptr
c++ - 为 C++ 模板类提供 swap() 中断 std::swap()？
我正在尝试实现 copy-and-swap idiom在我的自定义 Matrix 类中，我按照链接问题中建议的方式执行 swap() 时遇到了一些麻烦: (我使用的编译器是MS VS2010 IDE的
c++ - ADL 名称查找问题，正在使用 std::swap； swap(a,b) 与函数重载或内部作用域函数隐藏外部作用域函数有关？
我知道 ADL 是什么，我知道在 C++ 中，内部作用域函数隐藏外部作用域函数。也就是说，名称不会跨范围重载。所以函数重载需要在相同的范围内完成。现在我的问题是，对于这个通用代码片段: #inclu
c++ - 在 vector 之间使用 std::swap 还是 vector::swap？
给定两个 std::vector v1, v2。我想知道使用 std::swap(v1, v2) 比 v1.swap(v2) 有什么好处。我已经实现了一个关于性能观点的简单测试代码(我不确定它是否
c++ - string::swap 是否因为 std::swap(s1, s2) 就足够了而被忽略？
std::string 有一个成员函数 swap，这是交换两个大字符串的有效方法。既然我们有了 move 语义，那么，给定两个大字符串 s1 和 s2，以下代码 s1.swap(s2); 在效率方面
c++ - 错误 : ambiguous overload for 'operator=' in swap function using the copy-and-swap idiom
同时使用 copy-and-swap idiom在一个具有常量引用作为成员的类中，出现上述错误。示例代码: #include #include using std::reference_wra
c++ - C++11 是否改变了显式调用 std::swap 以确保找到位于 ADL 的交换的行为，例如 boost::swap？
背景考虑以下代码: #include namespace ns { struct foo { foo() : i(0) {} int i;
c++ - 为什么 f(x).swap(v) 可以，但 v.swap(f(x)) 不行？
我们有: vector f(int); vector v; 这个有效: f(x).swap(v); 这不是: v.swap(f(x)); 为什么？最佳答案 swap()对 vector 进行非常量引
Azure Swap 部署槽粘性设置不起作用
我已在 Azure 中配置了一个生产和暂存槽，每个槽都使用自己的 SQL Azure 数据库。每个连接字符串都配置为“粘性”。但是，当我将生产槽(目标)与暂存槽(源)交换时，我收到以下警告。这条
c++ - 为什么clang和GCC不使用xchg来实现std::swap？
我有以下代码: char swap(char reg, char* mem) { std::swap(reg, *mem); return reg; } 我希望这可以编译为: swap
java - 使用java为插入排序调试xor-swap
我使用 xor-swap 的插入排序不工作，但没有 xor-swap 它工作正常。如何修复我的异或交换插入排序算法？没有异或交换的插入排序 - //sorts the given array in
C++ SWAP 函数什么都不做？
关闭。这个问题是not reproducible or was caused by typos .它目前不接受答案。这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topi
c++ - 为具有内部指针的对象实现 swap()
我正在实现 copy-and-swap idiom对于我设计的一个小型非拥有内存引用对象的 operator=。当 MemRef 引用我信任其生命周期的一 block 缓冲区时，_ptr 指向缓冲区，
用于双端队列索引的 C++ swap()
我有两个问题，第二个是可选的。首先，在下面的程序(一个简单的卡片程序的原型(prototype))中，我得到以下错误: (29): error C2660: 'shuffle' : function

首页

博学

6Ren·AI

商城

javascript - javascript : swapping technique, 添加随机文本