Javascript 在JS控制台中运行代码时接收错误

Javascript 在JS控制台中运行代码时接收错误,javascript,Javascript,我正在用JS开发一款“选择你自己的冒险”游戏,其中有一些HTML和CSS用于用户界面和设计 当我选择“地牢”选项时,会列出其他选项,如“我想我要小睡一会儿”等。。但是这些按钮都不起作用。。。我得到错误“未捕获引用错误:未定义方向4” 行:1Uncought ReferenceError:未定义方向4“ 我知道这是一个简单的解决办法,但我似乎无法理解 以下是我在外部链接中的代码: 功能方向(选择){ 如果(选项=='left'| |选项=='right'){ document.getElement

我正在用JS开发一款“选择你自己的冒险”游戏,其中有一些HTML和CSS用于用户界面和设计

当我选择“地牢”选项时,会列出其他选项,如“我想我要小睡一会儿”等。。但是这些按钮都不起作用。。。我得到错误“未捕获引用错误:未定义方向4” 行:1Uncought ReferenceError:未定义方向4“

我知道这是一个简单的解决办法,但我似乎无法理解

以下是我在外部链接中的代码:

功能方向(选择){
如果(选项=='left'| |选项=='right'){
document.getElementById('result').innerHTML='

一只巨大的黑蜘蛛从天花板上下来!
你抬头一看,它用鲜红的眼睛盯着你。

你是为了生存还是为了停留 document.getElementById('left1')。style.display='none' document.getElementById('right1')。style.display='none' document.getElementById('escape1')。style.display='none' document.getElementById('result').style.display='inline' document.getElementById('left2').style.display='inline' document.getElementById('right2').style.display='inline' document.getElementById('escape2').style.display='inline' } 如果(选项=='escape'){ document.getElementById('result').innerHTML='
游戏结束

' document.getElementById('left1')。style.display='none' document.getElementById('right1')。style.display='none' document.getElementById('escape1')。style.display='none' document.getElementById('tryagain').style.display='block' document.getElementById('result').style.display='inline' } } 功能方向2(选择){ 如果(选项=='left2'){ document.getElementById('result2')。innerHTML='

您从爬行器中跑开,看到三个房间。选择一个房间进入。

' document.getElementById('left2')。style.display='none' document.getElementById('right2').style.display='none' document.getElementById('escape2')。style.display='none' document.getElementById('result2')。style.display='inline' document.getElementById('A').style.display='inline' document.getElementById('B').style.display='inline' document.getElementById('C').style.display='inline' } 如果(选项=='right2'){ document.getElementById('result2').innerHTML=“

蜘蛛在它的网上抓住了你。你被困了……

游戏结束了
” document.getElementById('left2')。style.display='none' document.getElementById('right2').style.display='none' document.getElementById('escape2')。style.display='none' document.getElementById('tryagain').style.display='inline' document.getElementById('result2')。style.display='inline' } 如果(选项=='escape2'){ document.getElementById('result2')。innerHTML='
游戏结束
' document.getElementById('left2')。style.display='none' document.getElementById('right2').style.display='none' document.getElementById('escape2')。style.display='none' document.getElementById('tryagain').style.display='inline' document.getElementById('result2')。style.display='inline' } } 功能方向3(选择){ 如果(选项=='A'){ document.getElementById('result3').innerHTML=“

你进入了一个黑暗的地牢。墙上挂着武器,所有东西都被灰尘覆盖。似乎很久没有人在这里了。但是,桌上仍然有一支蜡烛……” document.getElementById('A').style.display='none' document.getElementById('B').style.display='none' document.getElementById('C').style.display='none' document.getElementById('result3')。style.display='inline' document.getElementById('blue').style.display='inline' document.getElementById('red').style.display='inline' document.getElementById('yellow').style.display='inline' document.getElementById('green').style.display='inline' document.getElementById('pink').style.display='inline' } 如果(选项=='B'){ document.getElementById('result3').innerHTML='
你走近一个黑色橡木箱子。锁坏了,你打开了。明亮的金色光芒照亮了房间。箱子里有各种各样的珍宝。哦,不!一条龙!你死了。游戏结束
' document.getElementById('A').style.display='none' document.getElementById('B').style.display='none' document.getElementById('C').style.display='none' document.getElementById('tryagain').style.display='inline' document.getElementById('result3')。style.display='inline' } 如果(选项=='C'){ document.getElementById('result3').innerHTML=“
一条巨大的龙向空中喷火!它被拴在墙上,但它看起来想挣脱!它挣脱了!它的喷火击中了一切!你被活活烧死了。游戏结束
” document.getElementById('A').style.display='none' document.getElementById('B').style.display='none' document.getElementById('C').style.display='none' document.getElementById('tryagain').style.display='inline' document.getElementById('result3')。style.display='inline' } } 功能方向5(选择){ 如果(选项=='red2'){ document.getElementById('result5')。innerHTML='
选项2' document.getElementById('result5').style.display='inline' document.getElementById('blue2').style.display='none' document.getElementById('red2')。style.display='none' document.getElementById('yellow2').style.display='none' document.getElementById('pink2')。style.display='none' document.getElementById('green2').style.display='none' document.getElementById('yes').style.display='inline' document.getElementById('no')。style.display='inline' } 如果(选项=='blue2'| |选项=='yellow2'| |选项=='pink2'| |选项=='green2'){ document.getElementById('res
function Direction (Choice) {
  if (Choice == 'left' || Choice == 'right') {
    document.getElementById('result').innerHTML = '<br><br>A giant black spider descends from the ceiling!<br>You look up and it stares at you through bloody red eyes.<br> <br>Do you run for your life or stay?'
    document.getElementById('left1').style.display = 'none'
    document.getElementById('right1').style.display = 'none'
    document.getElementById('escape1').style.display = 'none'
    document.getElementById('result').style.display = 'inline'
    document.getElementById('left2').style.display = 'inline'
    document.getElementById('right2').style.display = 'inline'
    document.getElementById('escape2').style.display = 'inline'
  }

  if (Choice == 'escape') {
    document.getElementById('result').innerHTML = '<br>GAME OVER<br><br>'
    document.getElementById('left1').style.display = 'none'
    document.getElementById('right1').style.display = 'none'
    document.getElementById('escape1').style.display = 'none'
    document.getElementById('tryagain').style.display = 'block'
    document.getElementById('result').style.display = 'inline'
  }
}

function Direction2 (Choice) {
  if (Choice == 'left2') {
    document.getElementById('result2').innerHTML = '<br><br>You run away from the spider and see three rooms. Choose one to enter.<br><br>'
    document.getElementById('left2').style.display = 'none'
    document.getElementById('right2').style.display = 'none'
    document.getElementById('escape2').style.display = 'none'
    document.getElementById('result2').style.display = 'inline'
    document.getElementById('A').style.display = 'inline'
    document.getElementById('B').style.display = 'inline'
    document.getElementById('C').style.display = 'inline'
  }

  if (Choice == 'right2') {
    document.getElementById('result2').innerHTML = "<br><br>The spider caught you in its web. You're trapped...<br> <br> GAME OVER <br>"
    document.getElementById('left2').style.display = 'none'
    document.getElementById('right2').style.display = 'none'
    document.getElementById('escape2').style.display = 'none'
    document.getElementById('tryagain').style.display = 'inline'
    document.getElementById('result2').style.display = 'inline'
  }

  if (Choice == 'escape2') {
    document.getElementById('result2').innerHTML = '<br>GAME OVER<br>'
    document.getElementById('left2').style.display = 'none'
    document.getElementById('right2').style.display = 'none'
    document.getElementById('escape2').style.display = 'none'
    document.getElementById('tryagain').style.display = 'inline'
    document.getElementById('result2').style.display = 'inline'
  }
}

function Direction3 (Choice) {
  if (Choice == 'A') {
    document.getElementById('result3').innerHTML = "<br><br>You enter a dark dungeon. There's weapons hanging on the wall and everything is covered in dust. It seems like no one has been here for a long time. But, there's a candle still lit on the table..."
    document.getElementById('A').style.display = 'none'
    document.getElementById('B').style.display = 'none'
    document.getElementById('C').style.display = 'none'
    document.getElementById('result3').style.display = 'inline'
    document.getElementById('blue').style.display = 'inline'
    document.getElementById('red').style.display = 'inline'
    document.getElementById('yellow').style.display = 'inline'
    document.getElementById('green').style.display = 'inline'
    document.getElementById('pink').style.display = 'inline'
  }

  if (Choice == 'B') {
    document.getElementById('result3').innerHTML = '<br>You approach a dark oak chest. The lock is broke and you open it up. Brilliant golden light beams up to brighten the room. There are treasures of every kind in the chest. Oh no! A dragon! You died. GAME OVER<br>'
    document.getElementById('A').style.display = 'none'
    document.getElementById('B').style.display = 'none'
    document.getElementById('C').style.display = 'none'
    document.getElementById('tryagain').style.display = 'inline'
    document.getElementById('result3').style.display = 'inline'
  }

  if (Choice == 'C') {
    document.getElementById('result3').innerHTML = "<br>An enormous dragon breathing fire into the air! It's chained to the wall, but it looks like it wants to break free! It has broken free! And its breathing fire down onto everything! You've burned alive. GAME OVER <br>"
    document.getElementById('A').style.display = 'none'
    document.getElementById('B').style.display = 'none'
    document.getElementById('C').style.display = 'none'
    document.getElementById('tryagain').style.display = 'inline'
    document.getElementById('result3').style.display = 'inline'
  }
}

function Direction5 (Choice) {
  if (Choice == 'red2') {
    document.getElementById('result5').innerHTML = '<br>Choice 2'
    document.getElementById('result5').style.display = 'inline'
    document.getElementById('blue2').style.display = 'none'
    document.getElementById('red2').style.display = 'none'
    document.getElementById('yellow2').style.display = 'none'
    document.getElementById('pink2').style.display = 'none'
    document.getElementById('green2').style.display = 'none'
    document.getElementById('yes').style.display = 'inline'
    document.getElementById('no').style.display = 'inline'
  }

  if (Choice == 'blue2' || Choice == 'yellow2' || Choice == 'pink2' || Choice == 'green2') {
    document.getElementById('result5').innerHTML = "<br><br>I see the exit! I'm free!"
    document.getElementById('result5').style.display = 'inline'
    document.getElementById('blue2').style.display = 'none'
    document.getElementById('red2').style.display = 'none'
    document.getElementById('yellow2').style.display = 'none'
    document.getElementById('pink2').style.display = 'none'
    document.getElementById('green2').style.display = 'none'
    document.getElementById('tryagain').style.display = 'inline'
  }
}

function Direction6 (Choice) {
  if (Choice == 'yes') {
    document.getElementById('result6').innerHTML = '<br><br>Yes Option<br>'
    document.getElementById('yes').style.display = 'none'
    document.getElementById('no').style.display = 'none'
  }

  if (Choice == 'no') {
    document.getElementById('result6').innerHTML = '<br><br>No Option'
    document.getElementById('yes').style.display = 'none'
    document.getElementById('no').style.display = 'none'
    document.getElementById('tryagain').style.display = 'inline'
  }
}

function TryAgain () {
  Direction()
  document.getElementById('result3').style.display = 'none'
  document.getElementById('result4').style.display = 'none'
  document.getElementById('result5').style.display = 'none'
  document.getElementById('result6').style.display = 'none'
  document.getElementById('left1').style.display = 'inline'
  document.getElementById('right1').style.display = 'inline'
  document.getElementById('escape1').style.display = 'inline'
  document.getElementById('left2').style.display = 'none'
  document.getElementById('right2').style.display = 'none'
  document.getElementById('escape2').style.display = 'none'
  document.getElementById('result').style.display = 'none'
  document.getElementById('result2').style.display = 'none'
  document.getElementById('tryagain').style.display = 'none'
}