时间戳

首页 > 解决方案 > 图像不会显示为变量达到一定的值

javascript - 图像不会显示为变量达到一定的值

问题描述

我不会包含所有代码，因为它确实很多，但这里是其中的大部分：

<!DOCTYPE html>

<html>

<head>

<title> CaroQuiz </title>

</head>

<body>

<div>


<div class="quiz"><img src="bilder/text.png">

<div class="name"> <img src="bilder/name.png"> </div>

<div class="hr"> </div>

<div class="hr2"> </div>

<div class="text2"> <img src="bilder/text2.png"> </div>

<div class="text3"> <img src="bilder/text3.png"> </div>

<div class="school"> <img src="bilder/school.jpg"> </div>

<div class="hr3"> </div>

<div class="question1"> <img src="bilder/question1.png"> </div>

<div class="text4"> <img src="bilder/text4.png"> </div>

<div class="question2"> <img src="bilder/question2.png"> </div>

<div class="text5"> <img src="bilder/text5.png"> </div>

<div class="text6"> <img src="bilder/text6.png"> </div>

<div class="question3"> <img src="bilder/question3.png"> </div>

<div class="question4"> <img src="bilder/question4.png"> </div>




<button class="button" button onclick="answerOne()"> Math </button>

<button class="button2" button onclick="answerTwo()"> Physical Education </button>

<button class="button3" button onclick="answerThree()"> History </button>

<button class="button4" button onclick="answerFour()"> Arts and crafts </button>

<button class="button5" button onclick="answerFive()"> I don't have any </button>

<button class="button6" button onclick="answerSix()"> 1-2 </button>

<button class="button7" button onclick="answerSeven()"> 3-5 </button>

<button class="button8" button onclick="answerEight()"> More than I can count </button>

<button class="button9" button onclick="answerNine()"> No </button>

<button class="button10" button onclick="answerTen()"> Yes </button>

<button class="button11" button onclick="answerEleven()"> I just ignore them </button>

<button class="button12" button onclick="answerTwelve()"> Somewhat </button>

<div class="text7"> <img src="bilder/text7.png"> </div>


</div>

<button class="button14" button onclick="answerThirteen()"> I only get A-s and B-s </button>

<button class="button15" button onclick="answerFourteen()"> I get B-s and C-s </button>

<button class="button16" button onclick="answerFifteen()"> I get D-s and E-s </button>

<button class="button17" button onclick="answerSixteen()"> I failed every subject </button>

<div class="finale"> <img src="bilder/Finale.png"> 

<button class="button18" button onclick="check()"> Yes! </button>


var poeng = 0;
                             
function answerOne() {

poeng = 200;

console.log(poeng)
check()
}

function answerTwo() {

poeng = -300;

console.log(poeng)
check()
}

function answerThree() {

poeng = 500;

console.log(poeng)
check()
}

function answerFour() {

poeng = 600;

console.log(poeng)
check()
}

function answerFive() {

if(poeng == 200) {

poeng = poeng + 0;

console.log(poeng)
check()
}

else if (poeng == -300) {

poeng = poeng - 300;

console.log(poeng)
check()
}

else if (poeng == 500) {

poeng = poeng - 1000;

console.log(poeng)
check()
}

else if (poeng == 600) {

poeng = poeng + 0;

console.log(poeng)
check()
}

console.log(poeng)
check()
}

function answerSix() {

if(poeng == 200) {

poeng = poeng + 0;

console.log(poeng)
check()
}

else if(poeng == -300) {

poeng = poeng + 0;

console.log(poeng)
check()
}

else if(poeng == 500) {

poeng = poeng + 0;

console.log(poeng)
check()
}

else if(poeng == 600) {

poeng = poeng + 0;

console.log(poeng)
check()
}

function check() {

if(poeng == 200) {

 document.write('<img style="position: relative; top: 500px; left: 200px;" src="bilder/cat2.jpg">');
    
 

    
 }
}

好的，所以应该发生的是您有多个按钮。当您按下它们时，变量“poeng”会发生变化。最后有一个问题问“你完成了吗？” 然后有一个按钮说是！。然后应该会弹出一张图片。我尝试按下给出 200 分及以上的按钮，但没有任何反应。奇怪的是，它更早地起作用了，但不再起作用了。

有人可以帮我吗？这是给学校的，我真的很紧张为什么它不起作用。

标签： javascript

解决方案

这还不是答案 - 但它是您的代码的“工作”版本。“是”按钮确实有效，但由于 poeng = 0 没有任何反应。你还需要什么帮助？

var poeng = 0;

function answerOne() {

  poeng = 200;

  console.log(poeng)
  check()
}

function answerTwo() {

  poeng = -300;

  console.log(poeng)
  check()
}

function answerThree() {

  poeng = 500;

  console.log(poeng)
  check()
}

function answerFour() {

  poeng = 600;

  console.log(poeng)
  check()
}

function answerFive() {

  if (poeng == 200) {

    poeng = poeng + 0;

    console.log(poeng)
    check()
  } else if (poeng == -300) {

    poeng = poeng - 300;

    console.log(poeng)
    check()
  } else if (poeng == 500) {

    poeng = poeng - 1000;

    console.log(poeng)
    check()
  } else if (poeng == 600) {

    poeng = poeng + 0;

    console.log(poeng)
    check()
  }

  console.log(poeng)
  check()
}

function answerSix() {

  if (poeng == 200) {

    poeng = poeng + 0;

    console.log(poeng)
    check()
  } else if (poeng == -300) {

    poeng = poeng + 0;

    console.log(poeng)
    check()
  } else if (poeng == 500) {

    poeng = poeng + 0;

    console.log(poeng)
    check()
  } else if (poeng == 600) {

    poeng = poeng + 0;

    console.log(poeng)
    check()
  }
  }

  function check() {
     if (poeng == 200) {

       document.write('<img style="position: relative; top: 500px; left: 200px;" src="bilder/cat2.jpg">');




    }
  }
  <div class="quiz"><img src="bilder/text.png">

    <div class="name"> <img src="bilder/name.png"> </div>

    <div class="hr"> </div>

    <div class="hr2"> </div>

    <div class="text2"> <img src="bilder/text2.png"> </div>

    <div class="text3"> <img src="bilder/text3.png"> </div>

    <div class="school"> <img src="bilder/school.jpg"> </div>

    <div class="hr3"> </div>

    <div class="question1"> <img src="bilder/question1.png"> </div>

    <div class="text4"> <img src="bilder/text4.png"> </div>

    <div class="question2"> <img src="bilder/question2.png"> </div>

    <div class="text5"> <img src="bilder/text5.png"> </div>

    <div class="text6"> <img src="bilder/text6.png"> </div>

    <div class="question3"> <img src="bilder/question3.png"> </div>

    <div class="question4"> <img src="bilder/question4.png"> </div>




    <button class="button" button onclick="answerOne()"> Math </button>

    <button class="button2" button onclick="answerTwo()"> Physical Education </button>

    <button class="button3" button onclick="answerThree()"> History </button>

    <button class="button4" button onclick="answerFour()"> Arts and crafts </button>

    <button class="button5" button onclick="answerFive()"> I don't have any </button>

    <button class="button6" button onclick="answerSix()"> 1-2 </button>

    <button class="button7" button onclick="answerSeven()"> 3-5 </button>

    <button class="button8" button onclick="answerEight()"> More than I can count </button>

    <button class="button9" button onclick="answerNine()"> No </button>

    <button class="button10" button onclick="answerTen()"> Yes </button>

    <button class="button11" button onclick="answerEleven()"> I just ignore them </button>

    <button class="button12" button onclick="answerTwelve()"> Somewhat </button>

    <div class="text7"> <img src="bilder/text7.png"> </div>


  </div>

  <button class="button14" button onclick="answerThirteen()"> I only get A-s and B-s </button>

  <button class="button15" button onclick="answerFourteen()"> I get B-s and C-s </button>

  <button class="button16" button onclick="answerFifteen()"> I get D-s and E-s </button>

  <button class="button17" button onclick="answerSixteen()"> I failed every subject </button>

  <div class="finale"> <img src="bilder/Finale.png">

    <button class="button18" button onclick="check()"> Yes! </button>

推荐阅读