Se ve el encabezado de la etiqueta de inicio, pero un elemento del mismo tipo ya estaba abierto. También tengo algunos otros errores:
" Vio <?. Causa probable: intento de usar una instrucción de procesamiento XML en HTML. (Las instrucciones de procesamiento XML no son compatibles con HTML). "
y
" No hay ningún elemento p en el alcance, pero se ve la etiqueta final ap. "
No tengo ni idea de cómo arreglarlos.
<!DOCTYPE html> <html lang="pl"> <style> html, body { margin: 0; padding: 0; color: black; background-color: grey;} #strona { position: absolute; color: white} #rects { position: relative; width: 300px; height: 125px; border: 1px solid #FF0000; color: yellow; margin: 5px; padding: 2px;} </style> <head> <meta charset="UTF-8"/> <title> site</title> </head> <body> <div> <script> function clickbutton1(){ document.getElementById("opis").innerHTML = Date(); } </script> </div> <div id="strona"> <h1>test</h1> <?php echo "<p>data replacement</p>"; echo "<div id='rects'> <!-- starting of the function --> <p id='opis'> internal description </p> <script> document.getElementById('rects').onclick = clickbutton1; </script> </div>"; ?> </div> </body> </html>```Había algunos caracteres agregados en div#strona que interferían con la forma en que se ejecutaba el código.
Para que Javascript funcione, agregue la función clickbutton1() onclick directamente al elemento HTML.
A continuación se muestra el código reformateado con HTML/CSS/Javascript en sus propios archivos respectivos:
function clickbutton1() { return document.getElementById("opis").innerHTML = Date(); } html, body { margin: 0; padding: 0; color: black; background-color: grey; } #strona { position: absolute; color: white } #rects { position: relative; width: 300px; height: 125px; border: 1px solid #FF0000; color: yellow; margin: 5px; padding: 2px; } <head> <meta charset="UTF-8" /> <title> site</title> </head> <body> <div id="strona"> <h1>test</h1> <div onclick="clickbutton1()" id='rects'> <p id='opis'></p> </div> </div> </body>@weemizo ¡Sí! Agregué los estilos CSS a una etiqueta de style y el JS a un elemento de secuencia de script . Ambos están ahora colocados en la etiqueta head .
<html> <head> <meta charset="UTF-8" /> <title>Site</title> <style> html, body { margin: 0; padding: 0; color: black; background-color: grey; } #strona { position: absolute; color: white } #rects { position: relative; width: 300px; height: 125px; border: 1px solid #FF0000; color: yellow; margin: 5px; padding: 2px; } </style> <script> function clickbutton1() { return document.getElementById("opis").innerHTML = Date(); } </script> </head> <body> <div id="strona"> <h1>test</h1> <div onclick="clickbutton1()" id='rects'> <p id='opis'></p> </div> </div> </body> </html>