394394 < div class ="percentage " id ="percentage "> 0%</ div >
395395 </ div >
396396 </ div >
397-
398- < script >
399- // Simulate loading percentage
400- let percentage = 0 ;
401- const percentageElement = document . getElementById ( 'percentage' ) ;
402-
403- const updatePercentage = ( ) => {
404- percentage = ( percentage + Math . random ( ) * 3 ) % 100 ;
405- percentageElement . textContent = Math . floor ( percentage ) + '%' ;
406-
407- // Add some randomness to make it more realistic
408- if ( Math . random ( ) > 0.7 ) {
409- percentageElement . style . color = '#ffff00' ;
410- setTimeout ( ( ) => {
411- percentageElement . style . color = '#00ff00' ;
412- } , 200 ) ;
413- }
414- } ;
415-
416- setInterval ( updatePercentage , 100 ) ;
417-
418- // Add dynamic blips
419- const radarBlips = document . querySelector ( '.radar-blips' ) ;
420-
421- const createDynamicBlip = ( ) => {
422- const blip = document . createElement ( 'div' ) ;
423- blip . className = 'blip' ;
424- blip . style . top = Math . random ( ) * 80 + 10 + '%' ;
425- blip . style . left = Math . random ( ) * 80 + 10 + '%' ;
426- blip . style . animationDelay = '0s' ;
427- radarBlips . appendChild ( blip ) ;
428-
429- setTimeout ( ( ) => {
430- blip . remove ( ) ;
431- } , 2000 ) ;
432- } ;
433-
434- setInterval ( createDynamicBlip , 1500 ) ;
435-
436- // Add sound effect simulation (visual feedback)
437- document . addEventListener ( 'click' , ( ) => {
438- const container = document . querySelector ( '.container' ) ;
439- container . style . animation = 'none' ;
440- setTimeout ( ( ) => {
441- container . style . animation = '' ;
442- } , 10 ) ;
443- } ) ;
444- </ script >
445397</ body >
446398</ html >
0 commit comments