STUDY_html_006

　　STUDY_html_006_D.html

html
外部JavaScript
JavaScript

<html>
<meta charset="utf-8">

<script>　　　外部すくりぷと　　　　　</script>

<script>　　　　　すくりぷと　　　　　</script>

<div style="text-align:center;margin-top:40px;"ng-controller="おーぷん"ng-app="文字列表示">
<h1 style="font-size:30px;">私はトランペットを演奏します.</h1>
<form><button ng-click="onclick()">Translation / Traduire / übersetzen / Tradurre</button></form>
<form><input type="button"onclick="location.reload();"value="全てを消去"></form>
<div id="すいっち"class="すいっち"ng-hide="hide">
<p style="text-align:center;margin-top:20px;padding-top:20px;color:white;"
>English: I play the trumpet in the Brass band.</p>
<p style="text-align:center;margin-top:20px;color:white;"
>French: Je joue de la trompette dans la fanfare.</p>
<p style="text-align:center;margin-top:20px;color:white;"
>German: Ich spiele Trompete in der Blaskapelle.</p>
<p style="text-align:center;margin-top:20px;padding-bottom:20px;color:white;"
>Italian: I play the trumpet in the Brass band.</p>
</div>
</div>

</html>




<script src="STUDY_html_006.js"></script>

<script>angular.module('文字列表示',[])
.controller('おーぷん',['$scope',function($scope)
{$scope.onclick=function()
{angular.element(document.getElementById('すいっち'))
.css({backgroundColor:'#000000',
color:'#000000'});};}]);
</script>

STUDY_html_006_D ▶[ Rental&Home_server.pdf \ sample_STUDY_html_006_D.pdf
サンプル・ダウンロード

← Contents

STUDY_html_006_D.html

　　← Contents

　　STUDY_html_006_D.html