Web Technology Slip 26

Write a JavaScript function that checks whether a input string is palindrome or not.

Answer :

<html> <head> <script> function myFunction() { var str = document.getElementById('a').value; var result = checkPalindrome(str); alert('The Entered String "'+str +'" is "'+result+'"'); } function checkPalindrome(str) { var orignalStr; orignalStr = str; str = str.split(''); str = str.reverse(); str = str.join(''); var reverseStr = str; if(orignalStr == reverseStr){ return 'Palindrome'; }else{ return 'Not Palindrome'; } } </script> </head> <body> <input type="text" id="a" placeholder="Enter String" /> <input type="button" onclick="myFunction()" value="Check Palindrome" /> </body> </html>

Write HTML and CSS code to design a web page. Divide the browser screen into two frames. The first frame will display the heading. The second frame contains a menu consisting of hyperlinks. Clicking on any one of these hyperlinks will display related information in a new page.

Answer :

File Name : index.html

<!DOCTYPE html> <html> <frameset rows = "30%,*"> <frame name = "top" src = "frame_1.html" /> <frameset cols = "30%,*"> <frame name = "main" src = "frame_2.html" /> <frame name = "button" src = "frame.html" /> </frameset> </frameset> </html>

File Name : frame_1.html

<html> <body> <head><h1><font> IT Industries in INDIA</h1></head> </body> </html>

File Name : frame_2.html

<html> <body> <ul>City <ol type="1"> <li><a href="pune.html" target="button">Pune</a></li> <li><a href="Mumbai.html" target="button">Mumbai</a></li> </ol> </ul> </body> </html>

File Name : pune.html

<html> <body> <ul type="square">Pune <ul type="circle"> <li style="color: #FF5733">Infosys</li> <li style="color:hsl(300, 100%, 70%)">Persistent</li> <li style="color:rgb(255, 204, 0)">Microsoft</li> </ul> </ul> </html>

File Name : Mumbai.html

<html> <body> <ul type="square">Mumbai <ul type="circle"> <li style="color: #FF5733">Infosys</li> <li style="color:hsl(300, 100%, 70%)">Persistent</li> <li style="color:rgb(255, 204, 0)">Microsoft</li> </ul> </ul> </html>

Team Analytics

Web Technology Slip 26