surstrommed
/
hw_javascript


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
    <title>Functional OOP</title>
  </head>
  <body>
    <div class="block">
      <h1>First block</h1>
      <audio id="myPlayer" min="0" max="100" controls>
        <source
          src="https://cf-media.sndcdn.com/6XdfRXMkBGqi.128.mp3?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiKjovL2NmLW1lZGlhLnNuZGNkbi5jb20vNlhkZlJYTWtCR3FpLjEyOC5tcDMqIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNjM3MTQ2MjYyfX19XX0_&Signature=Oyf2wuaQ2Mdwd~nIPKzer0HqV~jrPqcaEWclPuqYyMSMHLtH4eWAbjdYbt8a3~HGrcUXWh0oBwNdZz-ZPZvGzUXeiM~PRwNPaKyR-LmbmAC~Gbz37oUWACTzHw1wWwWsIhxUFBOf7wK42nUCDlq0wizIOqnr4uFId938arlgI8pxfQ-rONE5ZK-6kma0I7WEYQndz3X87v8haLVwLKxvMF0sTGf8BhouRTAG4ip7ewb-Jwq0t5bpdvUqvLzoML89Wp606Gi~-5neKda6BqQe-t-6FOz8DS~67KDoLHn3-VsmvoDa4F7I6yj8k4u9qdGwkFVWErW8s06WAEwrZfnAMw__&Key-Pair-Id=APKAI6TU7MMXM5DG6EPQ"
          type="audio/mpeg"
        />
      </audio>
      <div id="container1"></div>
    </div>
    <div class="block">
      <h1>Change color</h1>
      <div id="container2"></div>
    </div>
    <div class="block" id="colorChange">
      <h1>Block for changing color</h1>
    </div>
    <div class="block">
      <h1>Password block</h1>
      <div id="container3"></div>
    </div>
    <div class="block">
      <h1>First form container</h1>
      <div id="formContainer"></div>
    </div>
    <div class="block">
      <h1>Second form container</h1>
      <div id="sFormContainer"></div>
    </div>
    <script src="index.js"></script>
  </body>
</html>