Inserire un codice Html in editor del codice

[cinemaesport]

Buongiorno.
Ho provato a inserire il seguente codice nell'editor del codice della pagina, ma non funziona correttamente (appare soltanto un bottone che non reagisce):

<button onclick="mostraFrasi()">Clicca qui</button>
<p id="frasi"></p>
<script><br />
function mostraFrasi() {<br />
  var frasi = ["frase 1", "frase 2", "frase 3", "frase 4", "frase 5", "frase 6", "frase 7", "frase 8", "frase 9", "frase 10"];<br />
  var scelte = [];<br />
  while (scelte.length < 3) {
    var indice = Math.floor(Math.random() * frasi.length);
    if (!scelte.includes(indice)) {
      scelte.push(indice);
    }
  }
  var contenuto = "";
  for (var i = 0; i < scelte.length; i++) {
    contenuto += frasi[scelte[i]] + "<br />";<br />
  }<br />
  document.getElementById("frasi").innerHTML = contenuto;<br />
}<br />
</script>

[albenessereblog]

Buongiorno.
Ho provato a inserire il seguente codice nell'editor del codice della pagina, ma non funziona correttamente (appare soltanto un bottone che non reagisce):

<button onclick="mostraFrasi()">Clicca qui</button>
<p id="frasi"></p>
<script><br />
function mostraFrasi() {<br />
var frasi = ["frase 1", "frase 2", "frase 3", "frase 4", "frase 5", "frase 6", "frase 7", "frase 8", "frase 9", "frase 10"];<br />
var scelte = [];<br />
while (scelte.length < 3) {
var indice = Math.floor(Math.random() * frasi.length);
if (!scelte.includes(indice)) {
scelte.push(indice);
}
}
var contenuto = "";
for (var i = 0; i < scelte.length; i++) {
contenuto += frasi[scelte[i]] + "<br />";<br />
}<br />
document.getElementById("frasi").innerHTML = contenuto;<br />
}<br />
</script>

Che devi mettere, la frase del giorno random?

[cinemaesport]

L'intento è di inserire un codice nell'editor della pagina in modo che quando l'utente clicca sul bottone con la scritta "clicca qui" (è un esempio) sotto al bottone appaiono 3 frasi scelte a caso da una lista di 10 frasi (presenti soltanto nel codice).

[albenessereblog]

L'intento è di inserire un codice nell'editor della pagina in modo che quando l'utente clicca sul bottone con la scritta "clicca qui" (è un esempio) sotto al bottone appaiono 3 frasi scelte a caso da una lista di 10 frasi (presenti soltanto nel codice).

Ti consiglio di creare un file-child altrimenti quando ci saranno modifiche al tema il codice viene cancellato.

Prova questo:

<select onchange="location.href=this.options[this.selectedIndex].value;">
    <option value="#">Scegli...</option>
    <option value="Frase1</option>
    <option value="Frase2</option>
    <option value="Frase3</option>
</select>

[cinemaesport]

Grazie per il consiglio. Ho messo il codice all'interno di "editor del codice" della pagina specifica, ma appare solo un bottone "Scegli...".

[albenessereblog]

Grazie per il consiglio. Ho messo il codice all'interno di "editor del codice" della pagina specifica, ma appare solo un bottone "Scegli...".

Io non so che tema hai tu. Ho fatto una prova: ho messo il codice in un mio file-child e funziona.

[cinemaesport]

Il mio tema è "Twenty thirteen". Sicuramente sono io che sbaglio. Non so cosa sia il file-child. Ho messo il codice nell'editor del codice della pagina che intendo modificare: è giusto fare così? O dovrei operare in Aspetto - Editor del tema - File del tema ?

[albenessereblog]

Il mio tema è "Twenty thirteen". Sicuramente sono io che sbaglio. Non so cosa sia il file-child. Ho messo il codice nell'editor del codice della pagina che intendo modificare: è giusto fare così? O dovrei operare in Aspetto - Editor del tema - File del tema ?

Come ti dicevo, se metti il codice nell'editor al prossimo aggiornamento del tema si cancellerà. Nel file chi rimane.
Come vedi il mio tema è "donovan" e ho creato la cartella "donovan-child", tu dovrai creare "twentytwentythree-child". Il file più importante da mettere è functions.php (mettilo vuoto per ora) e poi se vuoi anche altri che sono poi quelli originali, ma qui modificati.
Fatto questo, facci sapere.

[frasidipace]

Io non so che tema hai tu. Ho fatto una prova: ho messo il codice in un mio file-child e funziona.

Perdonami, ma a cosa serve creare i tema child, visto che uno script html si può inserire in una pagina mediante il blocco HTML personalizzato?
Un tema child si crea se devi aggiungere snippets al functions.php, oppure se vuoi aggiungere template personalizzato.
Perché complicarsi la vita inutilmente per uno script html?

Ciao

[alemoppo]

Anche io concordo sull'usare il semplice blocco HTML.
Tornando al codice, non ho capito perché ci sono quei "<br />".

Così a me funziona:

<button onclick="mostraFrasi()">Clicca qui</button>
<p id="frasi"></p>
<script>
function mostraFrasi() {
  var frasi = ["frase 1", "frase 2", "frase 3", "frase 4", "frase 5", "frase 6", "frase 7", "frase 8", "frase 9", "frase 10"];
  var scelte = [];
  while (scelte.length < 3) {
    var indice = Math.floor(Math.random() * frasi.length);
    if (!scelte.includes(indice)) {
      scelte.push(indice);
    }
  }
  var contenuto = "";
  for (var i = 0; i < scelte.length; i++) {
    contenuto += frasi[scelte[i]] + "<br />";
  }
  document.getElementById("frasi").innerHTML = contenuto;
}
</script>

Se non dovesse funzionare, puoi indicare la pagina dove lo hai inserito?

Ciao!

[albenessereblog]

Anche io concordo sull'usare il semplice blocco HTML.

Che io sappia il blocco HTML c'è per i widget, ma se lui volesse metterlo in un punto specifico del sito, come fa?

[alemoppo]

È un blocco selezionabile come contenuto di pagine/articoli.


Ciao!

[albenessereblog]

È un blocco selezionabile come contenuto di pagine/articoli.


Ciao!

Così lo puoi inserire in un articolo, ma se volesse metterlo es. nell'header deve avere il child.

[cinemaesport]

Salve. Ho provato a inserire un codice html in una pagina con "aggiungi blocco", ho scritto il codice html nel blocco "Codice", ma sulla pagina compare soltanto il testo del codice html. Ho provato anche con un codice elementare:
<strong>Questo testo è in grassetto.</strong>
Ma il risultato è lo stesso.

[alemoppo]

Se utilizzi il blocco codice è normale che mostra il testo del codice HTML. Non riesci a trovare il blocco HTML Personalizzato?

Ciao!

[cinemaesport]

Non funziona neanche se metto il codice in: Opzioni, Visualizzazione: Editor del codice.

[cinemaesport]

E non funziona neanche in blocco "Html Personalizzato".

[alemoppo]

E non funziona neanche in blocco "Html Personalizzato".

Puoi mostrare la pagina dove lo hai inserito?

Ciao!

[cinemaesport]

Ho provato con un altro codice html, ora funziona. Grazie per il consiglio riguardo "Html Personalizzato".