在 html 中添加火车游戏几乎不需要帮助

Question

我试图从 codepen 复制并粘贴一些代码到我儿子的网站上，这样他就可以和他的朋友一起玩游戏了 https://codepen.io/ghostreef/pen/ZXjqJO 它不像我不熟悉的 haml 那样简单

%div.wrapper
%div.sky
%div.sun
%div.clouds
  - (1..9).each do
    %div.cloud
      %div.big_bubble
      %div.base
      %div.small_bubble
%div.mountains
  - (1..11).each do
    %div.mountain
%div.info
  %button.js-play PLAY        
  %button.js-instructions INSTRUCTIONS
  %button.js-tutorial TUTORIAL    
%div.land.js-land
 %div.game_info
  %span Score:
  %span.score.js-score 0000
  %span.fraction
    %span.right.js-correct 0
    %span /
    %span.total.js-total 0
%div.trees
  - (1..11).each do
    %div.tree
      %div.branch
      %div.branch
      %div.trunk
      %div.shadow

Answer 1

如果你点击向下箭头，你可以看到编译好的html。

<div class='wrapper'>
  <div class='sky'>
    <div class='sun'></div>
    <div class='clouds'>
      <div class='cloud'>
        <div class='big_bubble'></div>
        <div class='base'></div>
        <div class='small_bubble'></div>
      </div>
      <div class='cloud'>
        <div class='big_bubble'></div>
        <div class='base'></div>
        <div class='small_bubble'></div>
      </div>
      <div class='cloud'>
        <div class='big_bubble'></div>
        <div class='base'></div>
        <div class='small_bubble'></div>
      </div>
      <div class='cloud'>
        <div class='big_bubble'></div>
        <div class='base'></div>
        <div class='small_bubble'></div>
      </div>
      <div class='cloud'>
        <div class='big_bubble'></div>
        <div class='base'></div>
        <div class='small_bubble'></div>

在 html 中添加火车游戏几乎不需要帮助

Little help needed to add a train game in html

javascript

html

css

ruby

haml