基本的にメインタイトルが<h1>
あり、配列から選択した新しい行を追加して、行がの末尾に追加されるようにし<p1>
ます。現在、タイトルをクリックすると、タイトルの下に文字列を追加できるようです。しかし、文字列が<p1>
。の最後に追加されるようにするにはどうすればよいですか。<p1>
はストーリーの最初の行であると想定されており、クリックするたびにストーリー<h1>
の追加行が追加されます。
<html>
<head></head>
<style>
#canvas{
margin: 5px;
padding 5px;
background: green;
border: 1px solid black;
}
</style>
<script>
var maFonction=function(elem,event,couleur) {
elem.style.color=couleur;
}
var insertText=function( text) {
var elem=text;
elem.innerHTML+=text;
}
var newtable=new Array();
newtable[0]="Salut";
newtable[1]="Bye";
newtable[2]="Hey";
var clickSurSection2 = function(newtable,element) {
for(var i=0;i<newtable.length;i++){
element.innerHTML += "<br>Nouveau mot: "+ newtable[i];
}
}
</script>
<body>
<h1 onmouseover="maFonction(this,event,'red');" onmouseout="maFonction(this,event,'blue');" onclick="clickSurSection2(newtable,this);">Cliquez moi pour en savoir plus</h1>
<p1>Un jeune garcon vivait dans une petite village dans la montagne.</br></p1>
<canvas id="canvas" width="600" height="300"></canvas>
</body>
<html>
あなたはあなたの物語を包むことができます
要素をdivに追加し、最後に新しい行を追加します。
<div id="story">
<p1>Un jeune garcon vivait dans une petite village dans la montagne.</p1>
</div>
次に、スクリプトは次のようになります。
document.getElementById("story").innerHTML += "<br>Nouveau mot: "+ newtable[line];
デモフィドル
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加