Navegador de proyectos de PenguinMod: Cargar proyectos por ID

277 Rubrub633

Abrir en el editor Publica tu código

Navegador de proyectos de PenguinMod: Cargar proyectos por ID

Recomendado

14 September 2024

Interacción con carteles de películas

29 January 2026

Exhibición de superdeportivos: Control deslizante de acordeón HTML CSS

5 January 2024

Página de Carga con Círculo Giratorio

HTML

this is a penguinmod browser. paste the project ID into the  text box below to open a project.
<div class="browser-bar">
  
  <input type="text" id="url-bar" value="https://penguinmod.com" onkeydown="if(event.key === 'Enter') navigateToUrl()">
  <button class="status-btn" onclick="navigateToUrl()">GO</button>
</div>

<script>
function navigateToUrl() {
  const urlBar = document.getElementById('url-bar');
  const gameView = document.getElementById('game-view');
  let targetUrl = urlBar.value;

// Fixes the URL prefix automatically so the browser doesn't crash
  if (!targetUrl.startsWith('http://') && !targetUrl.startsWith('https://')) {
  targetUrl = 'https://studio.penguinmod.com/#' + targetUrl;
  }

// Forces the iframe to immediately drop its current page and load the new link
  urlBar.value = targetUrl;
  gameView.src = targetUrl;
}
</script>

CSS