Jump to content

Raktim

Members
  • Content Count

    41
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Raktim

  • Rank
    Newbie

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Yes, sir. But, the question is browser can only understand JS. As a result of output TS generate executable JS code. But, my question is when TS type checking features got loss in JS code then is this features really useful? Because, at the end JS will finally execute on browser and it is dynamic type checking.
  2. Okay, first I want to say you I'm very new in TypeScrpt. Now I have a question. TypeScript is a static type checking language. But, when TS code is transpile to JS code this features got loss. Here is my code. demo.ts function add(x:number , y:number) { return (x+y); } add(5,"Raktim"); In the above TS code x and y only capable to accept number and it will perform addition. But, I callback this function and pass number and string intentionally to the function. So, TS compiler obviously give error as a result. But, now look the generated JS code. demo.js function add(x, y) { return (x + y); } add(5,"Raktim"); So, in the JS code x and y are capable to accept any value. So, here this code perform string concatenation not addition. My question is when TypeScript type checking features got loss on JS then why we use it? Then, what the actual benefit behind of TypeScript type checking? Is It really useful?
  3. This code gives an error that x[m] is undefined when it calls show(i) but it works fine if I call like show(0). What happens? I already declare x and m then why it gives an error? My code... <html> <head> <style> .myslides{margin: 0px;} </style> </head> <body> <div class="myslides"></div> <div class="myslides"></div> </body> <script> var x = document.getElementsByClassName("myslides"); var i = -1; function show(m) { x[m].style.display = "block"; } function hide(n) { x[n].style.display = "none"; } while(i<x.length) { i = i+1; show(i); setTimeout(hide(i), 3000); if(i==x.length){i = -1;} } </script> </html>
  4. Raktim

    Animated Modal Box

    Thanks for helped me. I need some time to understand the code. Because I am a JS beginner, not JQuery...
  5. Raktim

    Animated Modal Box

    I create a modal box that when the user clicks on the button the modal will appear with animation. When the user clicks on the close button ( located on the right side of the header area ) or anywhere of the screen except modal box it will disappear without animation. I want that the modal will disappear/hide with animation. I create two CSS animation. One is animatetop which I already used when modal will open and another is animatedown which I want to use when modal will disappear. But, I can't understand how to do that? See the code on JSFiddle <html> <head> <style> .background{ display:none; position: fixed; z-index: 1; height: 100%; left: 0; top: 0; width: 100%; padding: 100px; background-color: rgba(0,0,0,0.4); } .modal{ background-color: white; position: relative; border: 1px solid #888; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); animation-name: animatetop; animation-duration: 0.4s; width: 80%; } .header{ width: 100%; padding: 8px 20px; background-color: crimson; color: white; } .footer{ width: 100%; padding: 8px 20px; background-color: lime; color: white; } .middle{ width: 100%; padding: 2px 20px; background-color: white; color: black; } h2{ margin: 0px; } @keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } @keyframes animatedown { from {top:0; opacity:1} to {top:-300px; opacity:0} } span{ float: right; color: white; font-size: 28px; font-weight: bold; cursor: pointer; padding: 2px 5px; } </style> </head> <body> <button onclick="modal()">Open Modal</button> <div class="background" id="MyModal"> <div class="modal" id="modal"> <div class="header"> <span onClick="a()">&times;</span> <h2>Header</h2> </div> <div class="middle"> <h1>Modal</h1><br> <h1>Popup Box</h1> </div> <div class="footer"> <h2>Footer</h2> </div> </div> </div> </body> <script> background = document.getElementById("MyModal"); function modal() { document.getElementById("MyModal").style.display = "block"; } function a() { document.getElementById("MyModal").style.display = "none"; } window.onclick = function (event) { if(event.target == background) { document.getElementById("MyModal").style.display = "none"; } } </script> </html>
  6. Sir, I make two pattern [A-z]{7}\d which can match this string Raktimf8 If I change the position of \d like \d[A-z]{7} then it can match this string 8Raktims How I match this pattern Rakti8ms
  7. I want to make that input take only 2 number at least one lowercase, one uppercase and at least 8 characters except number. I tried this pattern... (?=(.*\d){2})(?=.*[A-z])(?=.*[a-z])[A-z!"#$%&'()*+,-.\/:;<=>?@[\]^_`{|}~]{8,} But it totally fails. Then what should be my correct pattern to do that? I want Like... Abc4k9h2L ->FALSE Abc4k9hL+ ->TRUE Abc4l@s$kl4 ->TRUE
  8. But, those 2 string does not full match. 1 string only charecter 5 is matched and 2nd string only F8 are matched. But I want to do match the complete string. How to modify that?
  9. I also have another question (?=(.*\d){2})(?=.*[A-Z])(?=.*[a-z]) If I use this pattern then I think it takes a total of 4 characters ( 2 number + 1 lowercase + 1 uppercase letter ) to match. Tested Data: Ab45 ->Not Match a4F8-> Not Match What actually happens? What is the meaning of this pattern?
  10. Okay. I already use the following pattern which takes At least two number, one lowercase letter one uppercase letter and at least 8 characters. (?=(.*\d){2})(?=.*[A-z])(?=.*[a-z]).{8,} Means, 4 characters (2 number + 1 lowercase + 1 uppercase letter) are must need and other characters can be anything . Now, I want that other charecter can be anyhthing except number. I replace * with [^0-9]. (?=(.*\d){2})(?=.*[A-Z])(?=.*[a-z])[^0-9]{8,} But, it does't work. Why?
  11. Sir, I want to make another regex that accepts any character at least 8 characters long except (0-9). How to write that? I try it like... [A-z!"#$%&'()*+,-.\/:;<=>?@[\]^_`{|}~]{8,} Can I write this same regexp in another way?
×
×
  • Create New...