I am building a 25 + 5 clock and I'm stuck

I am trying to type the code for me to run the test those 3 lines are not showing please can you help me with a sample code.
Below here is my code,

<html lang="en">
<head>
  <div id="fcc_foldout_menu"><div id="fcc_foldout_menu_inner"> <label for="test-suite-selector">Select Test Suite:</label> <select name="Test Suite Selector" id="test-suite-selector" onchange="FCC_Global.selectProject(this.value)" disabled=""> <option id="placeholder" value="">- - -</option> <option value="tribute-page">Tribute Page</option><option value="portfolio">Personal Portfolio</option><option value="survey-form">Survey Form</option><option value="product-landing-page">Product Landing Page</option><option value="technical-docs-page">Technical Documentation Page</option><option value="random-quote-machine">Random Quote Machine</option><option value="markdown-previewer">Markdown Previewer</option><option value="drum-machine">Drum Machine</option><option value="25-5-clock">25 + 5 Clock</option><option value="javascript-calculator">Javascript Calculator</option><option value="bar-chart">D3: Bar Chart</option><option value="scatter-plot">D3: Scatter Plot</option><option value="heat-map">D3: Heat Map</option><option value="choropleth">D3: Choropleth</option><option value="tree-map">D3: Tree Map</option></select> <div id="fcc_test_buttons_wrapper"> <button id="fcc_test_message-box-rerun-button" type="button" class="fcc_foldout_button" title="CTRL + SHIFT + ENTER" onclick="FCC_Global.FCCRerunTests()"> Run Tests </button> <button id="fcc_test_button" type="button" class="fcc_foldout_button fcc_test_btn-default fcc_test_btn-done fcc_test_btn-success" title="CTRL + SHIFT + T" onclick="FCC_Global.FCCOpenTestModal()">29/29 Passed</button> </div> <div id="fcc_legend_wrapper"> <div class="fcc_legend key"></div> <span class="fcc_legend">Test(s) Failed</span> <div class="fcc_legend key"></div> <span class="fcc_legend">Tests Passed</span> <div class="fcc_legend key"></div> <span class="fcc_legend">Tests Executing</span> </div> <span id="fcc_ask-for-help"><a href="https://forum.freecodecamp.org/c/general" target="_blank">Ask For Help</a> </span> </div> </div>
<style>
body {
  background: #1e555c;
  color: white;
  font-size: 30px;
  text-align: center;
}
body #container {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
body #container .main-title {
  font-size: 50px;
  margin-bottom: 20px;
}
body #container .length-control {
  width: 250px;
}
body #container button {
  background: none;
  outline: none;
  border: none;
  color: white;
  cursor: pointer;
}
body #container .btn-level,
body #container .length-control {
  display: inline-block;
}
body #container .btn-level .btn-level:nth-child(3),
body #container .length-control .btn-level:nth-child(3) {
  width: 40px;
}
body #container .timer {
  border: 7px solid #13353a;
  margin: 20px auto 10px auto;
  width: 270px;
  height: 160px;
  border-radius: 50px;
  position: relative;
}
body #container .timer .timer-wrapper {
  position: absolute;
  width: 190px;
  height: 110px;
  left: 50%;
  top: 50%;
  margin-left: -95px;
  margin-top: -57px;
}
body #container .timer #time-left {
  font-family: digital;
  font-size: 80px;
}
body #container .timer .timer-control button:active {
  color: #13353a;
}

@media screen and (max-width: 500px) {
  #container {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }
}
.author {
  text-align: center;
  font-family: Share Tech Mono, sans;
  margin-top: 15px;
  font-size: 14px;
  color: #a50d0d;
}
.author a {
  text-decoration: none;
  color: #00264d;
  line-height: 26px;
}
</style>
 
</head>
<body translate="no">
   <div id="container"><div id="app"><div data-reactroot=""><div class="main-title">25 + 5 Clock</div><div class="length-control"><div id="break-label">Break Length</div><button class="btn-level" id="break-decrement" value="-"><i class="fa fa-arrow-down fa-2x"></i></button><div class="btn-level" id="break-length">5</div><button class="btn-level" id="break-increment" value="+"><i class="fa fa-arrow-up fa-2x"></i></button></div><div class="length-control"><div id="session-label">Session Length</div><button class="btn-level" id="session-decrement" value="-"><i class="fa fa-arrow-down fa-2x"></i></button><div class="btn-level" id="session-length">25</div><button class="btn-level" id="session-increment" value="+"><i class="fa fa-arrow-up fa-2x"></i></button></div><div class="timer" style="color: white;"><div class="timer-wrapper"><div id="timer-label">Session</div><div id="time-left">25:00</div>
     
   </div>
     
   </div>
     <div class="timer-control"><button id="start_stop"><i class="fa fa-play fa-2x"></i><i class="fa fa-pause fa-2x"></i></button>
     <button id="reset"><i class="fa fa-refresh fa-2x"></i></button>
     
   </div>
     <div class="author"><!-- react-text: 28 --> <!-- /react-text --><!-- react-text: 29 -->Designed and Coded by <!-- /react-text --><br><a href="https://goo.gl/6NNLMG" target="_blank">FD Mundi</a></div><audio id="beep" preload="auto" src="https://raw.githubusercontent.com/freeCodeCamp/cdn/master/build/testable-projects-fcc/audio/BeepSound.wav"></audio>
     
   </div>
     
   </div>
     
   </div>
</body>
</html>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

test console is passing all ‘test cases’

so not sure, what you mean!!

1 Like

No need to worry I have gotten it. Thanks for your help

yo!!, i appreciate this gesture, i actually didnt help you in solving this, so please make your comment / or share how you did it, and then select that as an ‘answer’, thanks and happy coding :slight_smile:

Ok, thanks
I didn’t solved it myself

just share how you did it, and then if possible mention who helped you with this and then select that as a solution :slight_smile:

I was helped by my sister that I work with.

1 Like

I don’t understand this statement

share how you solved it, it might help somebody else!! and then select that as an answer

all im saying is, i didnt gave you an answer for this problem, so i dont deserve that ‘solution’ tag for this :slight_smile:

Ok, I’m going to remove the solution, I didn’t just understand what you meant.
Bye Thanks for the understanding.